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

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

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

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

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

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

返回結果分別為：[object Object]和[object HTMLLIElement]

可知，eq返回的是1個http://www.vxbq.cn/jquery/對象，get返回的是1個html 對象數組。

使用eq來取得第1個li標簽的color值：

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

使用get來取得第2個li標簽的color值：

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

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

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

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

NOTE：可以實現同種效果，那末建議統1使用eq，沒必要再去費心理睬他們之間的區分甚么的了。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈