jQuery是一個(gè)簡(jiǎn)單的javascript代碼庫(kù)抢肛,還作為一個(gè)框架為我們提供了一種新的JS書(shū)寫(xiě)方式狼钮,簡(jiǎn)潔明了碳柱,而且很好的處理了兼容性問(wèn)題,這些優(yōu)越的特性使得它廣受推崇熬芜,并從問(wèn)世以來(lái)快速發(fā)展莲镣。正印證了jQuery的設(shè)計(jì)宗旨:
“write Less,Do More”
選擇器:
jQuery的選擇器是其一大特點(diǎn)涎拉,而且語(yǔ)法與CSS如此相似相似:
$('#box')
通過(guò)ID瑞侮,$('li')
通過(guò)標(biāo)簽名,$('.active')
通過(guò)類選擇器的獲取元素的兼容性也經(jīng)過(guò)處理鼓拧。
當(dāng)然這些獲得的都是jQuery的對(duì)象而不是原聲對(duì)象半火。而jQuery對(duì)象和原生對(duì)象可以轉(zhuǎn)換,jQuery對(duì)象添加下標(biāo)即原聲對(duì)象季俩,而原生對(duì)象不加引號(hào)直接放在$后面的括號(hào)中就是jQuery對(duì)象了钮糖。
除此之外,通過(guò)偽類的方式還能指定你所想要的元素:
//通過(guò)具體屬性找到你想要的元素
$('div[屬性名="屬性值"]')
//第一個(gè) 最后一個(gè) 偶數(shù)行 奇數(shù)行
$('li:first') $('li:last') $('li:even') $('li:odd')
$('#div .active span')//也支持嵌套寫(xiě)法
//通過(guò)索引值獲得當(dāng)前元素酌住,或者同級(jí)的當(dāng)前位置以前的元素或以后的元素店归;
$('div:eq(下標(biāo))') $('div:lt(下標(biāo))') $('div:gt(下標(biāo))')
$('div').eq(下標(biāo)) //而且索引值可以寫(xiě)在外頭
//siblings()可以獲得當(dāng)前元素的兄弟元素,括號(hào)里也能填寫(xiě)篩選條件酪我;
$('.active').siblings()
簡(jiǎn)單操作
獲取元素的索引值可以采用 .index()
消痛;
獲取表單元素的內(nèi)容采用 .val()
;
獲取非表單元素的內(nèi)容采用 .html()
祭示;
要操作屬性或者樣式的話肄满,通過(guò).attr() .css()
,根據(jù)你括號(hào)內(nèi)的內(nèi)容可以獲取质涛、修改單個(gè)或者批量修改樣式都能做到稠歉;
添加或刪除標(biāo)簽的class需通過(guò) .addClass() .removeClass()
;