jQuery基础教程之强大的选择器(过滤选择器-内容过滤选择器)
2012-09-17 22:29
351 查看
在上一篇文章jQuery教程基础篇之强大的选择器(过滤选择器-基本过滤选择器)中,我们了解了jQuery基本过滤选择器的知识,今天我们来学习一下jQuery的另一个强大的过滤选择器——内容过滤选择器
有了jQuery内容过滤选择器,我们就可以轻松地对DOM文档中的文本内容进行筛选,让我们准确地选取我们所需要的元素。
————————————–朴实的分割线————————————————–
jQuery内容过滤选择器的过滤规则主要体现在它所包含的子元素或文本内容上。
————————————–朴实的分割线————————————————–
如果看了上面的解释还不明白的话,您可以移步这里
jQuery教程基础篇之强大的选择器-过滤选择器-内容过滤选择器在线DEMO
想知道代码是什么样的,直接右键–》查看源代码
有了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
想知道代码是什么样的,直接右键–》查看源代码
相关文章推荐
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-内容过滤选择器)
- jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
- JQuery选择器(内容过滤选择器)
- 黑马day16 jquery&内容过滤选择器&可见度选择器
- jquery内容过滤选择器
- 使用jQuery内容过滤选择器选择元素
- jquery:内容过滤选择器和属性过滤选择器
- jQuery过滤选择器之伪类选择器和内容选择器
- jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)
- JQuery选择器(内容过滤选择器)
- JQuery 内容过滤选择器
- jQuery基础教程之强大的选择器(过滤选择器-可见性过滤选择器)
- JQuery 内容过滤选择器
- 2.3.3.2:内容过滤选择器
- 详解强大的jQuery选择器之过滤选择器、表单选择器
- 选择器——过滤选择器——内容过滤器
- Jquery过滤选择器之内容过滤器
- jQuery选择器 – 内容过滤(Content Filters)
- jquery内容过滤选择器