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过滤选择器——属性过滤选择器

属性过滤选择器属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素 1、[attribute] 用法: $(”div[id]“) ; 返回值:集合元素 说明: 匹配包含给...
  • cckevincyh
  • cckevincyh
  • 2016年11月13日 20:55
  • 983

jQuery过滤选择器详解

基本过滤选择器选取第一个元素(:first) //选择第一个div元素. $('#btn1').click(function(){ $('div:first...
  • csujiangyu
  • csujiangyu
  • 2015年08月19日 10:19
  • 5938

Jquery简单过滤选择器(应用最广泛的选择器)

(1)Jquery中简单过滤选择器 jquery根据某一类过滤规则进行元素匹配,书写时以:开头,是Jquery中应用最为广泛的选择器 (2)简单过滤选择器的基本语法 ①first()或者...
  • qq_29854443
  • qq_29854443
  • 2017年05月04日 21:37
  • 165

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

在上一篇文章jQuery教程基础篇之强大的选择器(过滤选择器-内容过滤选择器)中,我们了解了jQuery内容过滤选择器的知识,今天我们来学习一下jQuery的另一个强大的过滤选择器——可见性过滤选择器...
  • wql19881207
  • wql19881207
  • 2012年03月31日 14:06
  • 493

jQuery过滤选择器——子元素过滤选择器

子元素过滤选择器1、:nth-child(index/even/odd/equation) 用法: $(”ul li:nth-child(2)”) 返回值 :集合元素 说明...
  • cckevincyh
  • cckevincyh
  • 2016年11月13日 21:04
  • 1105

Jquery 可见性过滤器选择器

1.可见性过滤选择器根据元素的可见性和不可见性来选择相应的元素。 其中元素可见性表示为:visible;元素的不可见行为hidden。 返回的都是集合元素。其中hidden不仅包含样式属性为(di...
  • qq_27603235
  • qq_27603235
  • 2016年05月16日 13:37
  • 366

Jquery选择器分类(基本选择器,层次选择器,过滤选择器,表单选择器)

基本选择器 说明:通过元素id、class和标签名等来查找DOM元素 1.id选择器:$("#test");//选取id为test的元素 2.类选择器:$(".test");//选取所有class为...
  • allan492975230
  • allan492975230
  • 2013年08月01日 15:50
  • 1163

Jquery的过滤选择器分为哪几种?

Jquery的过滤选择器分为哪几种? 转载▼ 标签:  jquery   过滤选择器   分类 分类: JQuery 所有的过滤选择器分为哪几种: 一、基本过滤选择器(...
  • u013700340
  • u013700340
  • 2014年03月19日 11:49
  • 1072

JQuery里的子元素过滤选择器,加空格与不加空格的区别

最近学习jquery,发现它的选择器的写法与css的基本语法很像,加不加空格差别很大。 $(“:first-child)——:first只是返回单个元素,而first-child选择符将为每个父元素...
  • u010552788
  • u010552788
  • 2016年03月08日 14:25
  • 2002

jquery可见性过滤选择器

1.可见性过滤选择器 可见性过滤选择器根据元素是否可见的特征获取元素2.可见性过滤选择器的语法 (1):hidden获取不可见元素,或者type为hidden的元素集合 (2) :visible...
  • qq_29854443
  • qq_29854443
  • 2017年05月09日 22:14
  • 121
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery基础教程之强大的选择器(过滤选择器-属性过滤选择器)
举报原因:
原因补充:

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