在上一篇文章jQuery教程基础篇之强大的选择器(过滤选择器-基本过滤选择器)中,我们了解了jQuery基本过滤选择器的知识,今天我们来学习一下jQuery的另一个强大的过滤选择器——内容过滤选择器
有了jQuery内容过滤选择器,我们就可以轻松地对DOM文档中的文本内容进行筛选,让我们准确地选取我们所需要的元素。
————————————–朴实的分割线————————————————–
jQuery内容过滤选择器的过滤规则主要体现在它所包含的子元素或文本内容上。
选择器 | 描述 | 返回 | 示例 |
:contains(text) | 选取含有文本内容为“text”元素 | 集合元素 | $(“div:contains(‘我’)”)选取含有文本“我”的div元素 |
:empty | 选取不包含子元素和文本的空元素 | 集合元素 | $(“div:empty”)选取不包含子元素(包括文本元素)的div空元素 |
:has(selector) | 选取含有选择器所匹配的元素的元素 | 集合元素 | $(“div:has(.mini)”)选取含有class为mini元素的div元素。 |
:parent | 选取含有子元素或者文本的元素 | 集合元素 | $(“div:parent”)选取拥有子元素(包括文本元素)的div元素 |
————————————–朴实的分割线————————————————–
如果看了上面的解释还不明白的话,您可以移步这里
jQuery教程基础篇之强大的选择器-过滤选择器-内容过滤选择器在线DEMO
想知道代码是什么样的,直接右键–》查看源代码