对jquery中的选择器做个总结和自己的理解,(注释中是自己的理解)
//基本选择器:
//1,通过id查找
$("#myDiv");
//2,通过标签名查找
$("div");
//3,通过class名查找
$(".myClass");
//4,找到每一个元素
$("*");
//5,群组选择
$("div,sapn,p.myClass");
//层级选择:
//1,给定一个祖先,找他的所有指定的后代元素
$("from input");
//2,给定一个父元素,找他的指定的子元素
$("form > input");
//3,匹配所有跟在label后边的input元素
$("label + input");
//4,找到所有与form同辈的input元素
$("form ~ input");
//基本:
//1,获取匹配的第一个元素
$('li:first');
//2,获取匹配的最后一个元素
$('li:last');
//3,查找除了默认选中之外的input
$("input:not(:checked)");
//4,匹配下标为偶数的元素,注意从0开始
$("li:even");
//5,匹配下标为奇数的元素,注意从0开始
$("li:odd");
//6,匹配一个给定下标的元素,注意从0开始
$("li:eq(1)");
//7,匹配所有>给定下标的元素,从0开始
$("li:gt(0)");
//8,匹配所有<给定下标的元素,从0开始
$("li:lt(1)");
//9,匹配如h1,h2,h3...之类的标题元素
$(":header");
//内容:
//1,匹配包含给定文本join的div元素
$("div:contains('join')");
//2,匹配没有儿子或没有文本内容的空的td元素
$("td:empty");
//3,匹配包含p这个儿子的所有div元素
$("div:has(p)");
//4,找所有有子元素或者有文本内容的td元素
$("td:parent");
//可见性:
//1,找所有display:none隐藏的tr元素 或者type为hidden的input
$("tr:hidden"); $("input:hidden");
//2,找所有可见的tr元素,就是没有设置display:none的tr
$("tr:bisible");
//属性:
//1,查找所有含有id属性的div元素
$("div[id]");
//2,匹配所有给定的属性name的值是某个特定的值newsletter的input元素
$("input[name='newsletter']");
//3,匹配所有给定的属性name的值不是某个特定的值newsletter的input元素
$("input[name!='newsletter']");
//4,匹配所有给定的属性name的值是以某些特定的值news开头的input元素
$("input[name^='news']");
//5,匹配所有给定的属性name的值是以某些特定的值letter结尾的input元素
$("input[name$='letter']");
//6,匹配所有给定的属性name的值包含某些特定的值man在内的input元素
$("input[name*='man']");
//7,复合的属性选择,需要满足以上的多个条件(有id这个属性,且name属性是以man结尾的input元素)
$("input[id] [name$='man']");
//子元素
//1,匹配所有的父元素ul下的第2个子li元素 从1开始
$("ul li:nth-child(2)");
//2,匹配所有的父元素ul下的第一个li元素
$("ul li:first-child");
//3,匹配所有父元素ul下的最后一个li元素
$("ul li:last-child");
//4,在ul里找是独子的li元素
$("ul li:only-child");
//表单:
//1,匹配所有的input元素
$(":input");
//2,匹配所有的type属性为text的input元素
$(":text");
//3,匹配所有的type属性为password的input元素
$(":password");
//4,匹配所有type属性为radio的input元素
$(":radio");
//5,匹配所有type属性为checkbox的input元素
$(":checkbox");
//6,匹配所有type属性为submit的input元素
$(":submit");
//7,匹配所有type属性为image的input元素
$(":image");
//8,匹配所有type属性为reset的input元素
$(":reset");
//9,匹配所有type属性为button的input元素
$(":button");
//10,匹配所有type属性为file的input元素
$(":file");
//11,查找所有可用的input元素
$("input:enabled");
//12,查找所有不可用的input元素
$("input:disabled");
//13,查找所有有默认选中属性的input元素
$("input:checked");
//14,查找所有选中的option元素
$("select option:selected");