1.數(shù)字性過濾
$("tr:first") ? ? ? ? ? ? ? //選擇所有tr元素的第一個(gè)
$("tr:last") ? ? ? ? ? ? ? ?//選擇所有tr元素的最后一個(gè)
$("td:parent") ? ? ? ? ?//選擇所有的以td為父節(jié)點(diǎn)的元素?cái)?shù)組
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)")
$("div span:first-child") ? ? ? ? ?//返回所有的div元素的第一個(gè)子節(jié)點(diǎn)的數(shù)組
$("div span:last-child") ? ? ? ? ? //返回所有的div元素的最后一個(gè)節(jié)點(diǎn)的數(shù)組
$("li:even")? ? ? ? ? ? ? //偶數(shù)所踊;選擇所有的li元素的第0掸驱,2葛虐,4... ...個(gè)元素(注意:因?yàn)樗x擇的多個(gè)元素時(shí)為數(shù)組劲件,所以序號(hào)是從0開始)
$("li:odd")? ? ? ? ? ? ? ? //奇數(shù)哺眯;選擇所有的li元素的第1猪钮,3涂滴,5... ...個(gè)元素
$("li:eq(3)")? ? ? ? ? ? //等于;選擇所有的li元素中序號(hào)為3的那個(gè)td元素
$("li:gt(2)")? ? ? ? ? ? //大于笆焰;選擇li元素中序號(hào)大于2的所有td元素
$("li:lt(2)")? ? ? ? ? ? ? //小于劫谅;選擇li元素中序號(hào)小于2的所有的td元素
$(":header")? ? ? ? ? ? //頭部;選擇h1、h2捏检、h3之類的
$("div:animated")? ? //動(dòng)畫荞驴;選擇正在執(zhí)行動(dòng)畫效果的元素
$(".ulName li:gt(3):not(:last)"); //選擇第三個(gè)li后面的所有 不包括最后一個(gè)
$("input:not(:checked)")
2. 常用幾個(gè)符號(hào)
> 后面
* 所有
= ?等于
!= ? 不等于
^= ? 以...開頭
$= ? ?以...結(jié)尾
*= ? 包含...
$("#demo > *")//選擇所有子元素
$("#demo ~ div")? ? ? 同胞選擇器,該選擇器返回的為id為demo的標(biāo)簽元素的所有的屬于同一個(gè)父元素的div標(biāo)簽
$("input[name='Alisa']")? // 選擇所有的name屬性等于'Alisa'的input元素
$("input[name!='Alisa']") // 選擇所有的name屬性不等于'Alisa'的input元素
$("input[name^='Alisa']")? ? ? ? // 選擇所有的name屬性以'Alisa'開頭的input元素
$("input[name$='Alisa']")? ? ? ? // 選擇所有的name屬性以'Alisa'結(jié)尾的input元素
$("input[name*='Alisa']")? ? ? ? ? // 選擇所有的name屬性包含'Alisa'的input元素
3.find
$(this).find("span") // 選擇后面的span
.css("background","#f4f4f4") //修改css
.text("helloworld"); // 修改內(nèi)容
4.顯示類
$("#id").is(':visible');//true 為顯示 false 為隱藏$("#id").is(":hidden");
$(":enabled") ? ? ? ? ? ? //選擇所有的可操作的表單元素
$(":disabled") ? ? ? ? ? ?//選擇所有的不可操作的表單元素
$(":checked") ? ? ? ? ? ?//選擇所有的被checked的表單元素
5.內(nèi)容過濾選擇器
$(".ulName li")
.filter(":contains('hello'),:contains('world') // 選擇li種包含 hello和world
.addClass("className"); //添加class
$("div:contains('Alisa')") //選擇所有div中含有Alisa文本的元素
$("td:empty") ? ? ? ? ? //選擇所有的為空(也不包括文本節(jié)點(diǎn))的td元素的數(shù)組
$("div:has(p)") ? ? ? ?//選擇所有含有p標(biāo)簽的div元素