jQuery.eq()和js都是前端開發中使用較為頻繁的代碼,下面我們來具體了解一下。
jQuery.eq()
jQuery.eq()是jQuery庫中提供的方法之一,用于獲取匹配的元素集合中指定位置的元素。
$("p").eq(1) //獲取第二個p元素
上面的代碼表示選中所有的p元素,并通過.eq()方法獲取其中第二個p元素,即索引值為1的p元素。
除了數字索引,jQuery.eq()還可以通過負數來獲取倒數第幾個元素:
$("p").eq(-1) //獲取倒數第一個p元素
可以看到,jQuery.eq()使用起來非常簡便易行,而且支持傳入數字和負數索引,非常靈活。
js
相比之下,js的用法更為廣泛,可以通過getElementsByTagName、getElementsByClassName等方法獲取DOM元素,通過數組索引和遍歷操作獲取指定元素。
var pList = document.getElementsByTagName("p");
pList[1] //獲取第二個p元素
上面的代碼使用js獲取了所有的p元素,并通過數組索引獲取了第二個p元素,即索引值為1的p元素。
除了數組索引,js還可以通過遍歷操作獲取指定元素:
var pList = document.getElementsByTagName("p");
for(var i=0; i<pList.length; i++){
if(i==1) console.log(pList[i]);
}
上面的代碼通過循環遍歷所有的p元素,通過判斷i的值是否為1,獲取第二個p元素。
可以看到,相比之下,js的代碼稍微麻煩一些,需要多寫一些代碼,但是也可以獲取到指定的元素。
上一篇css 中選擇符