*jQuery选择器总结(原创：最全、最系统、实例展示)

jquery选择器包括四部分：
一、基本选择器
二、层次选择器
三、过滤选择器
四、表单元素选择器

一、基本选择器
1.ID选择器：$('#myDiv');
2.类选择器：$('.className');
3.元素选择器：$('p');
4.通配符选择器:$('*');
5.复合选择器:$('span,#two');

二、层次选择器
1.$('ul li'):选择ul下的所有后代li元素
2.$('ul>li'):选择ul下的所有子代li元素
3.$("label + input"):选择label标签后面直接跟一个input标签的所有input标签元素
4.$('span~b'):选择span元素之后的所有b元素。

$('ul>li:nth-child(1)~li')  //选择除了第一个li以外的所有li

三、过滤选择器
1.基本过滤选择器
$("tr:first")：选择第一个tr元素
$("tr:last")：选择最后一个tr元素
$("input:not(:checked)")：选择所有未被选择的input元素
$("input:not(:empty)"):所有不为空的 input 元素
$("tr:even"):选择所有的tr元素的第0，2，4... ...个元素
$("tr:odd"):选择所有的tr元素的第1，3，5... ...个元素
$("td:eq(2)"):选择序号为2的元素（选择第3个td元素）
$("td:gt(4)")：选择td元素中序号大于4的所有td元素
$("td:lt(4)")：选择td元素中序号小于4的所有的td元素
2.内容过滤选择器：
$("div:contains('John')"):选择所有div中含有John文本的元素
$("td:empty"):选择所有不包含子元素的td元素
$("div:has(p)")：选择所有含有p标签的div元素
$("td:parent")：选择所有的以td为父节点的子元素
3.可视化过滤选择器：
$("div:hidden"):选择所有的被hidden的div元素
$("div:visible"):选择所有的可看见的div元素
3.属性过滤选择器：
$("div[id]"):选择所有含有id属性的div元素
$("input[name='newsletter']"):选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']"):选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']"):选择所有的name属性以'news'开头的input元素
$("input[name$='news']"):选择所有的name属性以'news'结尾的input元素
$("input[name*='man']"): 选择所有的name属性包含'news'的input元素
$("input[id][name$='man']"):可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
4.子元素过滤选择器：
$("ul li:nth-child(2)"):选择第2个li元素
$("ul li:nth-child(odd)"):选择第偶数个li元素（基数为even）
$("ul li:nth-child(3n + 1)"):选择第1、4、7、10...个li元素
$("div span:first-child")：选择div元素的第一个span
$("div span:last-child")：选择div元素的最后一个span
$("div button:only-child"):div中所有只有唯一一个子节点的子节点
5.表单元素过滤选择器：
$(":enabled")：选择所有的可操作的表单元素
$(":disabled")：选择所有的不可操作的表单元素
$(":checked")：选择所有的被checked的表单元素
$("select option:selected")：选择所有的select的子元素中被selected的元素

四、表单元素选择器
$(":input")：选择所有的表单输入元素，包括input, textarea, select 和 button
$(":text")：选择所有的text input元素
$(":password")：选择所有的password input元素
$(":radio")：选择所有的radio input元素
$(":checkbox")：选择所有的checkbox input元素
$(":submit")：选择所有的submit input元素
$(":image")：选择所有的image input元素
$(":reset")：选择所有的reset input元素
$(":button")：选择所有的button input元素
$(":file")：选择所有的file input元素
$(":hidden")：选择所有类型为hidden的input元素或表单的隐藏域

转载请注明出处：http://www.cnblogs.com/jacksplwxy/p/6644638.html