jquery中操作jQuery對象的eq和get的區(qū)別與使用方法--操作前臺顯示之利器

:eq() 選擇器選取帶有指定 index 值的元素。

index 值從 0 開始，所有第1個元素的 index 值是 0（不是 1）。

get(index) 獲得其中1個匹配的元素。index表示獲得第幾個匹配的元素。

這能夠讓你選擇1個實(shí)際的DOM 元素并且對他直接操作，而不是通過 jQuery 函數(shù)。$(this).get(0)與$(this)[0]等價。

下面我們通過1個簡單的代碼來講明下：

返回結(jié)果分別為：[object Object]和[object HTMLLIElement]

可知，eq返回的是1個http://www.jyygyx.com/jquery/對象，get返回的是1個html 對象數(shù)組。

使用eq來取得第1個li標(biāo)簽的color值：

$("li").eq(0).css("color")  //由于eq(num)返回的是個jq對象，所以可以用jq的方法css

使用get來取得第2個li標(biāo)簽的color值：

$("li").get(1).style.color  //由于get(num)返回的是個html對象，所以要使用傳統(tǒng)的HTML對象方法，jq對象此時就沒用了。

固然，你也能夠get(num)后把對象轉(zhuǎn)為jq的對象再進(jìn)行操作：

$($("li").get(1)).css("color")

由此我們知道，由eq返回的http://www.jyygyx.com/jquery/對象，我們可以直接使用http://www.jyygyx.com/jquery/的方法如.css(),.html()等，而由get返回的是html數(shù)組對象要使用傳統(tǒng)的HTML對象方法或轉(zhuǎn)換成http://www.jyygyx.com/jquery/對象后再操作 。

NOTE：可以實(shí)現(xiàn)同種效果，那末建議統(tǒng)1使用eq，沒必要再去費(fèi)心理睬他們之間的區(qū)分甚么的了。

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈