基本选择器:$("#text"),$(".text"),$("p"),$("*") $("div,p,span.className");
层次选择器:$("div span"),$("div>span")
$(".one+div")//选取class为one的下一个div元素;备注:$(".one+div")可以用$(".one").next("div")来替代;
$("#two~div")//选取id为two的元素后面的所有div兄弟元素;备注:可以用$("#two").nextAll("div")替代;
$("#two").siblings("div")//选取id为two的元素的所有同辈div元素;过滤选择器:基本过滤选择器
$("div:first")选取所有div元素中第一个div元素;(返回单个元素)
$("div:last")选取所有div元素中的最后一个div元素;(返回单个元素)
$("input:not(.myClass)")选取class不是myClass的input元素;
$("input:even")选取索引是偶数的input元素;
$("input:odd")选取索引是奇数的input元素;
$("input:eq(1)")选取索引等于1的input元素;
$("input:gt(1)")选取索引大于1的input元素;
$("input:lt(1)")选取索引小于1的input元素;
$(":header")选取网页中所有的<h1><h2>……
$("div:animated")选取正在执行动画的div元素;
内容过滤选择器
$("div:contains("我")")选取含有文本“我”的div元素;
$("div:empty")选取不包含子元素(标签元素和文本元素)的div元素;
$("div:has(p)")选取含有p元素的div元素;
$("div:parent")选取拥有子元素(标签元素或者文本元素)的div元素;
可见性过滤选择器
$(":hidden")选取所有不可见的元素。包括<input type="hidden"><div style="display:none"><div style="visibility:hidden;"例如:$("input:hidden")选取所有不可见的iniput元素;
$("div:visible")选取所有可见的div元素;
属性过滤选择器
$("div[id]")选取拥有id的div元素;
$("div[title=test]")选取title=test的div元素;
$("div[title!=test]")选取title!=test或者没有title属性的div元素;
$("div[title^=test]")选取属性title以test开始的div元素;
$("div[title$=test]")选取属性title以test结束的div元素;
$("div[title*=test]")选取属性title含有test的div元素;
$("div[id][title$=test]")选取含有id并且title属性以test结尾的div元素;
子元素过滤选择器
1、:nth-child()
:nth-child(even)选取每个父元素下的索引是偶数的元素;
:nth-child(odd)选取每个父元素下的索引是奇数的元素;
:nth-child(2)选取每个父元素下的索引是2的元素;
:nth-child(3n)选取每个父元素下索引是3的倍数的元素,(n从0开始)
:nth-child(3n+1)选取每个父元素下索引是3n+1的元素(n从0开始)
2、$("ul li:first-child")选取每个ul中的第一个li元素(集合元素)
3、$("ul li:last-child")选取每个ul中的最后一个li元素(集合元素)
4、$("ul li:only-child")在ul中选取是唯一子元素的li元素;
备注:eq(index)是从0开始的,而nth-child(index)是从1开始的;
表单对象属性过滤选择器
$("#form1 :enabled")选取id为form1的表单内所有可用元素;
$("#form1 :disabled")选取id为form1的表单内所有不可用元素;
$("input:checked")选取所有被选中的input元素;
$("select :selected")选取所有被选中的选项元素;
表单过滤选择器
$(":input")选取所有<input><textarea><select><button>元素;
$(":text")选取所有的单行文本框;
$(":password")选取所有的密码框;
$("radio")选取所有的单选框;
$(":checkbox")选取所有的复选框;
$("submit"),$(":reset"),$(":button"),$(":file"),$(":hidden")