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

那些年我们用到的jquery选择器!!

时间:2016-06-18 19:49:20      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

一:基本选择器

1:标签选择器: 返回值(元素集合):$("h2")选取所有h2元素。

2:类选择器:返回值(元素集合):$(".title")选取所有class为title的元素。

3:ID选择器:返回值(单个元素):$("$title")选取id为title的元素。

4:并集选择器:返回值(元素集合):$("div,p,.title")选取所有div.p和class为.title的所有元素!

5:交集选择器:返回值(单个元素或元素集合):$("h2.title")选取所有拥有class 为title的h2元素!

6:全局选择器:返回值(集合元素):$("*")选取所有元素!

二:层次选择器

1:后代选择器:返回值(元素集合):$("#menu span")选取#menu下所有的span元素!

2:子选择器:返回值(元素集合):$("#menu >span")选取#menu下的子元素span!

3:相邻元素选择器:返回值(元素集合):$("h2+dl")选取紧邻h2元素之后的同辈元素dl!

4:同辈元素选择器:返回值(元素集合):$("h2~dl")选取h2元素之后所有的同辈元素dl!

三:属性选择器:

1:[attribute]:返回值(元素集合):$("[href]")选取含有href‘属性的元素!

2:[attribute=value]:返回值(元素集合):$("[href=‘#‘]")选取href属性为#的元素!

3:[attribute ^=value]:返回值(元素集合):$("[href^=‘en‘]")选取href属性以en开头的属性!

4:[attribute $=value]:返回值(元素集合):$("[href $=‘.jpg‘]")选取href属性以.jpg结尾的元素!

5:[attribute $=value]:返回值(元素集合):$("[href*=‘txt’]")选取href属性值中含有txt的元素!

四:基本过滤选择器:

:first  选取第一个元素 : $("li:first")选取所有li元素中的第一个li元素。

:last  选取最后一个元素 : $("li:first")选取所有li元素中的最后一个li元素。

:not ("...")  选取去除所有与给定选择器匹配的元素 :  $("li:not(.three)")选取class不是three的li元素!

:even 选取索引是偶数的所有元素: $("li:even")   选取索引是偶数的所有li元素!

:odd 选取索引是奇数的所有元素:$("li:old") 选取索引是奇数的所有li元素!

:eq(index) 选取索引等于index的元素:$("li:eq(1)")选取索引等于1的li元素!

:gt(index)选取索引大于index的元素:$("li:gt(1)")选取索引大于1的li元素!不包括1!

:lt(index)选取索引小于index的元素:$("li:lt(1)") 选取索引小于1的li元素!

:header 选取所有的标题元素:$(":header") 选取网页中所有的标题元素!

:focus 选取当前获取焦点的元素:$(":focus")选取当前获取焦点的元素!

 

那些年我们用到的jquery选择器!!

标签:

原文地址:http://www.cnblogs.com/chimingyang/p/5596663.html

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