jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)

转载 2012年03月31日 14:11:12

今天我们来继续学习jQuery强大的选择器-属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素。

选择器 描述 返回 示例
[attribute] 选择拥有此属性的元素 集合元素 $(“div[id]“)选取拥有属性id的元素
[attribute=value] 选取属性的值为value的元素 集合元素 $(“div[title=test]“)选取属性title的值为“test”的div元素
[attribute!value] 选取属性的值不等于value的元素 集合元素 $(“div[title!=test]“)选取属性title的值不等于“test”的div元素注意:没有属性title的div元素也会被选取
[attribute^=value] 选取属性的值以value开始的元素 集合元素 $(“div[title^=test]“)选取属性title的值以“test”开始的div元素
[attribute$=value] 选取属性的值以value为结束的元素 集合元素 $(“div[title$=test]“)选取属性title的值以“test”为结束的div元素
[attribute*=value] 选取属性的值含有value的元素 集合元素 $(“div[title*=test]“)选取属性title的值含有“test”的div元素
[selector1][selector2][selectorN] 用属性选择器合并成一个复合属性选择器,满足多个条件。每选择一次,检索范围就缩小一次 集合元素 $(“div[id][title*=test]“)选取拥有属性id,且属性title的值含有“test”的div元素

接下来我们来观看在线的属性过滤选择器在线使用DEMO,请移步这里:
jQuery教程基础篇之强大的选择器-过滤选择器-属性过滤选择器在线DEMO

相关文章推荐

jQuery基础教程之+层次选择器

隐式迭代 $(“选择器”).css(“background-color”,”red”)则是为这组元素中每个元素的样式都加上红色背景。jQuery会自动迭代每个元素,这就免去了我们编写代码遍历每个元素...

《jQuery基础教程》--选择器

1.jQuery目前的最新版支持CSS3的选择器,可以参考CSS3的选择器的使用方法。 2.jQuery遍历DOM树的方法: 2.1 filter方法。 可以利用例如: $('a').filt...

jQuery基础教程之强大的选择器(表单选择器)

今天我们来说说jQuery选择器中的最后一类表单选择器,学完这最后一种选择器之后,接下来我会慢慢地带领大家对jQuery中如何操作DOM进行详细地讲解,同时我自己也在学习中,有好多jQuery操作DO...

jQuery基础教程之强大的选择器(层次选择器)

无论何时,我们都要记住的一点就是通过jQuery选择器获取的jQuery对象任何时候都是一组元素。 而JQuery选择器又具有这样的特点: 隐式迭代 $(“选择器”).css(“backgrou...

jQuery基础教程之强大的选择器(过滤选择器-子元素过滤选择器)

今天我们来继续学习jQuery强大的选择器-子元素过滤选择器 子元素过滤选择器的过滤规则相对于其它的选择器稍微有些复杂,不过没关系,只要将元素的父元素和子元素区分清楚,那么使用起来也非常简单。另外还...

jQuery基础教程之强大的选择器(过滤选择器-基本过滤选择器)

向大家推荐一本jQuery学习的好书《锋利的jQuery》 此书循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX...

DIV+CSS基础教程:CSS选择器

上节课我们讲了一下CSS通过什么方式去控制页面,如果不记得,我来帮大家回忆一下,总共有四种方式行内方式、内嵌方式、链接方式、导入方式,大家通过这四种方式就可以实现CSS对HTML页面样式的控制,如果要...

DIV+CSS基础教程:盒模型、块状元素与内联元素、CSS选择器

课程关键词:盒模型、块状元素与内联元素、CSS选择器 引用: 【例子】 要求: 1)宽度、高度均是200像素; 2)颜色为红色#900; 自己做做,看看能不能作出来?先不要...

jQuery_选择器与属性方法

  • 2014年04月02日 13:08
  • 28KB
  • 下载

黑马day16 jquery&属性过滤选择器

属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1、[attribute] 用法: $(”div[id]“) ;  返回值  集合元素       说明:匹配包含给定属性的元素.例子...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
举报原因:
原因补充:

(最多只允许输入30个字)