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

Posted 2020-07-26 程序不是生活的全部，但生活中一定要有程序

一：基本选择器

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")选取当前获取焦点的元素！