码迷,mamicode.com
首页 > Web开发 > 详细

jQuery选择器

时间:2015-11-25 23:21:13      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

jQuery的优势:

强大的选择器

基本选择器

Id选择器  $(‘#id’)

class选择器 $(‘.class’)

标签选择器 $(‘p’)

通配符 *   多个匹配 , 逗号分隔

层次选择器

后代选择器 空格 $(‘div p’)  div里所有p元素,包括子孙

子元素选择器 > $(‘div>p’) div里子元素为p的所有元素,只算子元素

Next选择器 + $(‘div+p’) div元素同辈元素中,下一个p标签  

等价于$(‘div’).next(‘p’)

弟弟选择器 ~ $(‘div~p’) div元素同辈元素中,在div后面的所有p标签

等价于$(‘div’).nextAll(‘p’)

过滤选择器

基本过滤选择器

:first  第一个元素

:last 最后一个元素

:not(selector) 不在select选择器中的元素

:even 所有偶数元素

:odd 所有奇数元素

:eq(index) 索引等于index元素

:gt(index) 大于  :lt(index) 小于

:header 标题h1、h2、h3、h4...

:animated 正在执行动画的元素

:focus 获得焦点的元素

内容过滤器

:contains(text)  含文本text的元素  <p>text</p>

:empty  不包含子元素或者不包含文本

:has(selector) 包含selector选择器所选择的元素的元素

:parent 含有子元素或者文本的元素  

可见性过滤选择器

:hidden  所有不可见元素

:visible  所有可见元素

属性过滤选择器

[attr] 拥有此属性

[attr=value] 属性值为value的元素

!= 不等于   ^= 以value开头  *= 包含value   $= 以value结尾

|= 以value-  (value字符串加连字符)开头

~=  包含 value空格 内容

多个属性都满足  [attr1][attr2][attr3]  连写

子元素过滤选择器

:nth-child(index/even/odd/equation)  父元素下的第index个元素

:first=child 第一个子元素  :last-child 最后一个子元素  :only-child 只有一个子元素

表单对象属性选择器

:enabled 所有可用元素

:disabled 所有不可用元素

:checked 所有选中元素(单选、复选框)

:selected 所有选中元素(下拉列表)

表单选择器

:input  所有<input><textarea><select><button>

:text  所有单行文本框

:password  所有密码框

:checkbox  多有多选框

:submit  所有提交按钮

:image  所有图像按钮(不是所有图片)

:file  所有上传域

jQuery选择器

标签:

原文地址:http://www.cnblogs.com/dxiaoer/p/4996073.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!