JQuery 内容过滤选择器

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="../../CSS/2-8.css" rel="stylesheet" />
    <script src="../../JQuery/jquery-2.1.4.min.js"></script>
    <title>内容过滤选择器</title>
    <script type="text/javascript">
        $(function () { //显示包含给定文本的元素
            $("div:contains(‘A‘)").css("display", "block");
        })
        $(function () { //显示所有不包含子元素或者文本的空元素
            $("div:empty").css("display", "block");
        })
        $(function () { //显示含有选择器所匹配的元素的元素
            $("div:has(span)").css("display", "block");
        })
        $(function () { //显示含有子元素或者文本的元素
            $("div:parent").css("display", "block");
        })
    </script>
</head>
<body>
     <div>ABCD</div>
    <div><span></span></div>
    <div>EFaH</div>
    <div></div>
</body>
</html>

时间： 2024-11-09 20:26:14

JQuery 内容过滤选择器的相关文章

jQuery内容过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5  6 <

内容过滤选择器的过滤规则主要体现在它所包含的子元素和文本内容上 1.:contains(text) 用法: $("div:contains('John')") 返回值集合元素说明:匹配包含给定文本的元素.这个选择器比较有用,当我们要选择的不是dom标签元素时,它就派上了用场了,它的作用是查找被标签"围"起来的文本内容是否符合指定的内容的. 2.:empty 用法: $("td:empty") 返回值集合元素说明:匹配所有不包

内容过滤选择器

<!DOCTYPE HTML> <html> <head> <title>jQuery内容过滤选择器</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> </head> <body> <div>Div1</div> <div>2</div

过滤选择器——内容过滤选择器

内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字类容可以模糊或绝对匹配进行元素定位,其详细说明如表: 选择器功能返回值 :contains(text) 获取包含给定文本的元素元素集合 :empty 获取所有不包含子元素或者文本的空元素元素集合 :has(selector) 获取含有选择器所匹配的元素的元素元素集合 :parent 获取含有子元素或者文本的元素元素集合示例——使用jQuery内容过滤选择器选择额元素 1 <!DOCTYPE html PUBLIC

一步一步学习 JQuery (三) 过滤选择器:基本过滤选择器 && 内容过滤选择器 && 可见性过滤选择器

过滤选择器: 过滤选择器主要是通过特定的过滤规则来筛选出所需的 DOM 元素, 该选择器都以 ":" 开头按照不同的过滤规则, 过滤选择器可以分为基本过滤, 内容过滤, 可见性过滤, 属性过滤, 子元素过滤和表单对象属性过滤选择器. 一.基本过滤选择器改变第一个 div 元素的背景色为 # bbffaa 改变最后一个 div 元素的背景色为 # bbffaa 改变class不为 one 的所有 div 元素的背景色为 # bbffaa 改变索引值为偶数的 div 元素的背景色为 #

Jquery过滤选择器，选择前几个元素，后几个元素，内容过滤选择器等

一.基本过滤选择器(重点掌握下列八个):first 选取第一个元素 $("div:first").css("color","red");:last 选取最后一个元素 $("div:last").css("color","red");:not 除去指定的选择器外的元素 $("div:not").css("color","red")

第一百六十五节，jQuery，过滤选择器

jQuery,过滤选择器学习要点: 1.基本过滤器 2.内容过滤器 3.可见性过滤器 4.子元素过滤器 5.其他方法过滤选择器简称:过滤器.它其实也是一种选择器,而这种选择器类似与 CSS3 (http://t.mb5u.com/css3/)里的伪类,可以让不支持 CSS3 的低版本浏览器也能支持.和常规选择器一样,jQuery 为了更方便开发者使用,提供了很多独有的过滤器. 一．基本过滤器过滤器主要通过特定的过滤规则来筛选所需的 DOM 元素,和 CSS 中的伪类的语法类似:使用冒号

jQuery属性过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5  6 <

jQuery可见性过滤选择器

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5  6 &l