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

jquery强大的选择器---来源《锋利的jquery》

时间:2016-07-25 15:57:52      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

一、基本选择器

1、#id  根据给定的id匹配一个元素

2、.class  根据给定的类名匹配元素

3、element  根据给定的元素名匹配元素

4、*  匹配所有元素

5、selectore1,.selectore2,#selectore3  将每一个选择器匹配到的元素合并后一起返回

二、层次选择器

6、ancestor descendant  选取ancestor元素里的所有descendant(后代)元素

7、parent>child  选取parent元素下的child(子)元素,与ancestor descendant 有区别,ancestor descendant选择的是后代元素

8、prev+next  选取紧接在prev元素后的next元素

9、prev~siblings  选取prev元素之后的所有siblings元素

三、基本过滤选择器

10、:first  选取第一个元素

11、:last  选取最后一个元素

12、:not(selector)  去除所有与给定选择器匹配的元素

13、:even  选取索引为偶数的所有元素 索引从0开始

14、:odd  选取索引为奇数的所有元素 索引从0开始

15、:eq(index)  选取索引为index的元素(index从0开始)

16、:gt(index)  选取索引大于index的元素(index从0开始)

17、:lt(index)  选取索引小于index的元素(index从0开始)

18、:header  选取所有的标题元素,例如h1,h2,h3等

19、:animated  选取当前正在执行动画的元素

四、内容过滤选择器

20、:contains(text)  选取含有文本内容为"text"的元素

21、:empty  选取不包含子元素或者文本的空元素

22、:has(selector)  选取含有选择器所匹配的元素的元素

23、:parent  选取含有子元素或者文本的元素

五、可见性过滤选择器

24、:hidden  选取所有不可见的元素

25、:visible  选取所有可见的元素

六、属性过滤选择器

26、[attribute]  选取拥有此属性的选择器

27、[attribute=value]  选取属性的值为value的元素

28、[attribute!=value]  选取属性的值不为value的元素

29、[attribute^=value]  选取属性的值以value开始的元素

30、[attribute$=value]  选取属性的值以value结束的元素

31、[attribute*=value]  选取属性的值含有value的元素

32、[selector1][selector2][selectorN]  用属性选择器合并成一个复合属性选择器,满足多个条件,每选择一次,缩小一次范围

七、子元素过滤选择器

33、:nth-child(index/even/odd/equation)  选取每个父元素下的第index个子元素或者奇偶元素(注意:index从1算起)

34、:first-child  选取每个父元素的第一个子元素

35、:last-child  选取每个父元素的最后一个子元素

36、:only-child  如果某个元素是它父元素中唯一的子元素,那么将会被匹配,如果父元素中含有其他元素,将不会被匹配

八、表单对象属性过滤选择器

37、:enabled  选取所有可用元素

38、disabled  选取所有不可用元素

39、:checked  选取所有被选中的元素(单选框,复选框)

40、:selected  选取所有的被选中的选项元素(下拉列表)

九、表单选择器

41、:input  选取所有的<input>、<textarea>、<select>和<button>元素

42、:text  选取所有的单行文本框

43、:password  选取所有的密码框

44、:radio  选取所有的单选框

45、:checkbox  选取所有的多选框

46、:submit  选取所有的提交按钮

47、:image  选取所有的图像按钮

48、:reset  选取所有的重置按钮

49、:button  选取所有的按钮

50、:file  选取所有的上传域

jquery强大的选择器---来源《锋利的jquery》

标签:

原文地址:http://www.cnblogs.com/xlj-code/p/5703647.html

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