jQuery选择器 2018年4月3日

一、基本选择器

1、标签（tag）选择器：$("P"),选取所有P元素。

2、id选择器：$("#title"),选取所有id=“title" 的元素。

3、类（class）选择器：$(".mark"),选取所有class=“mark”的元素。

4、通配符（*）选择器：$("body *"),选取body里的所有元素。

二、层级选择器

1、后代选择器（空格）：$("li a"),选取li元素下的所有a元素。

2、子元素选择器（>）：$("ul>li"),选取ul下的所有直接子元素。

3、相邻兄弟元素选择器（+）：$("li:nth-child(5)+li"),选取第6个li元素。

4、全部兄弟选择器（~）：$("li:nth-child(5)~li"),选取第5个li以后的所有li元素。

5、$('li:first'),选取第一个li元素。

6、$("li:last"),选取最后一个li元素。

7、$("li:eq(5)"),选取第6个li元素，jQuery使用eq（i），序号从0开始。

8、$("li:gt(3)"),选取第4个li元素之后的所有li元素。

9、$("li:lt(3)"),选取第4个li元素之前的所有li元素。

10、$("li:even"),选取序号为偶数的li元素（实际效果是奇数）。

11、$("li:odd"),选取序号为奇数的li元素（实际效果为偶数）。

三、内容过滤

1、选取包含指定文本内容的元素。例如：$("P:contains('max')")

2、选取内容为空的元素。例如：$(":empty")

3、选取包含指定标签的元素。例如:  $("p:has('img')")

4、选取有同一父元素的元素。例如：$("p:parent")

四、表单过滤器

1、根据类型选择表单控件

    $(":input") 选择所有表单控件

    $("input:input")选择所有input控件

2、根据表单控件的特征选择控件

    $(":file")只选择file类型的控件

    $(":button：submit")只选择提交按钮

五、常用的过滤方法

1、get（）将jQuery对象转为DOM对象。例如： $("li").get(1)

2、eq（）选取指定序号的元素。例如： $("li").eq(4)

3、first()选取第一个元素。例如： $("li").first()

4、last()选取最后一个元素。例如： $("li").last()

5、toArray()返回DOM数组（不是jQuery对象）。例如： val li=$("li").toArray()

6、find()返回所有后代元素。例如： $("ul").find(("li")

7、children()返回所有直接子元素。例如： $("ul"),children()

8、each()对每个元素执行回调函数。例如： $("li").each(function())