1.和css的選擇器一樣的坐求,css表達(dá)式不建議使用,一般用jquery解決
2.好處:
【1】容錯(cuò)機(jī)制,即使沒有該元素也不會(huì)報(bào)錯(cuò)
3.選擇器的種類
【1】基本選擇器
#id---選擇ID元素 ? ? ? ? ? ? ? element 標(biāo)簽選擇器
.class---類名選擇器 ? ? ? ? ? *所有選擇器
E1,E2当辐,E3......En ---多重選擇器$('p,div')
【2】層次選擇器
1)E F 選擇E元素所有后代的元素
2)E>F 選擇E元素的子元素,子選擇器
3)E+next 選擇E元素后緊臨的兄弟元素鲤看,等價(jià)于.next()
$('div+p').css('','')相當(dāng)于$('div').next().css('','')
4) E~silblings,選擇E元素后所有兄弟元素缘揪,等價(jià)于.nextAll()
$('div~p').css('','')---div后的所有p元素
【3】過濾選擇器
1)基本過濾選擇器
$('p :first') 選取第一個(gè)
$('p :last') 選取最后一個(gè)
$('p:not(".a")') ? not()選取除了指定之外的元素,還可以$('p:not(\'.a'\')')這么寫
$('p:even') ?even偶數(shù)
$('p:odd') ? odd奇數(shù)
$('p :eq(3)') ?eq()選擇指定索引下的元素
$('p:gt(2)') gt()下標(biāo)大于
$('p:lt(2)') lt()下標(biāo)大于
$(':header')選取h1-h6的標(biāo)簽
$(':animate') 選取正在執(zhí)行動(dòng)畫的元素
$('p').animate({'left',10000},10000);
用$(':animated').css('','')選取到運(yùn)動(dòng)的元素
2)內(nèi)容過濾器
:contains()選取含有文本內(nèi)容的元素,可以用來(lái)做搜索
例子:$('p:contains("dsdsdsdsd")').show().siblings().hide()
$('p :contains("dsdsdsdsd")')
:has()選擇指定元素的元素---class名/屬性/id/標(biāo)簽名
$('p :has("strong")')p標(biāo)簽有strong這個(gè)標(biāo)簽的
:empty選擇不包含元素或者文本空元素
$('p:empty')空的p標(biāo)簽
:parent選取含有子元素或者文本的元素
$('p:parent').css('','');
3)可見性選擇器
:hidden選取所有不可見得元素
alert($('div:hidden').html());---如果該div的隱藏是通過opacity义桂,visiblity修改的話找筝,然后就獲取不到
:visible選取所有可見的元素
4)屬性選擇器
1’ [attr]選擇擁有此屬性的選擇器
2‘[attr=value]選擇屬性值的選擇器
3'[attr1][attr2][attr3]復(fù)合屬性選擇器
例子:$('div[屬性名=屬性的內(nèi)容]').css('','');
這個(gè)地方屬性可以自定義
例子:$('p[屬性名]')表示p標(biāo)簽有這個(gè)屬性
5)子元素選擇器
:first-child
only-child $('div p:only-child')選擇到div中只有一個(gè)p的標(biāo)簽
:nth-child(表達(dá)式)---嚴(yán)格來(lái)自css樣式,所以從1開始
$('div p:nth-child(2)')?
6)表單元素選擇器------用屬性選擇器
可以利用到
$('input[type=checkbox]')
:input
$('input').lenght選中所有的表單元素個(gè)數(shù)
:text
:password
:radio
:checkbox
:submit
:image
:reset
:button
:file
:hidden
1慷吊、首先就是看不到袖裕,
2.元素不占據(jù)網(wǎng)頁(yè)上的位置
:disabled 選擇不可以修改的文本框
:enable選擇可以修改的文本框
利用屬性選擇器$('input[disabled=disabled]')
:checked選擇可有選中的元素
$(':checked').val();
$('input[checked=checked]').val()
:selected選取所有被選中的選項(xiàng)元素,option有select屬性
$(':selected').val()
$('selected option[selected=selected]').val()
:focus選擇當(dāng)前獲取焦點(diǎn)的元素