jQuery内容过滤选择器实例讲解

1、新建jQuery_neirongguolvxuanzeqi.html作为jQuery内容过滤选择器的实例讲解页面

2、输入html代码如下

3、预览效果如下

4、给每个按钮添加代码如下

5、第一个按鸵晚簧柢钮$("tr:contains('内容')") 选择包含“内容”的行：contains(text) :匹配包含给定文本的元素

6、第二个按钮$("td:empty") 选择没有内容的单元格empty 匹配所有不包含子元素或者文本的空元素

7、第三个按钮$猾诮沓靥("tr:has(span)") 选择包含span元素的行has(selector) 匹配含有选择器所匹配的元素的元素

8、第四个按钮$("td:parent") 选择有内容的单元格parent :匹配含有子元素或者文本的元素

9、注意，上边选择的有的是行，有的是单元格，你可以自行试试把行换成单元格或者把单元格换成，会有什么效果