jquery ：eq選取器和eq（）方法的用法與比較

標籤：jquery   選取器   eq   用法比較   

:eq(index)

匹配一個給定索引值的元素

index：從 0 開始計數

$("ul li:eq(3)")  // 元素的index位置工0開始計數，所以這裡的3實際為第4個元素

$("ul").find("li").eq(3) //使用jquery遍曆方法eq()

eq(index|-index)

擷取第N個元素

index

一個整數，指示元素基於0的位置,這個元素的位置是從0算起。

-index

一個整數，指示元素的位置，從集合中的最後一個元素開始倒數。(1算起)

擷取匹配的第二個元素

<p> This is just a test.</p> <p> So is this</p>

$("p").eq(1)    或者   $("p").eq(-1)

應用：tab選項卡

若是

 $(‘div.tab_box > div‘)   //選取子節點

                    .eq(index).show().siblings().hide();

這樣寫就可以實現tab切換的效果，

若是 $(‘div.tab_box > div:eq(index)‘)

                     .show().siblings().hide()

就不能切換。

解釋：

：eq()選取器中要寫變數，即index是動態變化的，則需要用+  +串連，

即：$(‘div.tab_box > div:eq(‘+index+’)’)

注意：是前面的引號為一對，後面的引號為一對，也可以前面一對引號為雙引號，後面為單引號。

這樣兩種方法即都可實現動態選擇 tab選項卡。

本文出自 “7540036” 部落格，請務必保留此出處http://7550036.blog.51cto.com/7540036/1859893

jquery ：eq選取器和eq（）方法的用法與比較