jquery中eq和get
生活随笔
收集整理的這篇文章主要介紹了
jquery中eq和get
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原文轉自:http://blog.sina.com.cn/s/blog_7fb1495b0100vdoy.html
html代碼:
<ul>
?
?<li>Li-2</li>
</ul>
$("document").ready(function(){
??????alert($("li:eq(0)"));
????? alert($("li").get(0));
???})
返回結果分別為:[object Object]和[object HTMLLIElement]
可知,eq返回的是一個jquery對象,get返回的是一個html 對象數組。
使用eq來獲得第一個li標簽的color值:
$("li").eq(0).css("color")??//因為eq(num)返回的是個jq對象,所以可以用jq的方法css
使用get來獲得第一個p標簽的color值:
$("li").get(0).style.color??//因為get(num)返回的是個html對象,所以要使用傳統的HTML對象方法,jq對象此時就沒用了。
當然,你也可以get(num)后把對象轉為jq的對象再進行操作:
$($("p").get(0)).css("color")
由此我們知道,由eq返回的jquery對象,我們可以直接使用jquery的方法如.css(),.html()等,而由get返回的是html數組對象要使用傳統的HTML對象方法或者轉換成jquery對象后再操作。
既然如此都能實現,建議統一使用eq,不必再去費心理會他們之間的區別啦什么的 ^^
總結
以上是生活随笔為你收集整理的jquery中eq和get的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 学习jQuery顺便学习下CSS选择器:
- 下一篇: jquery的checked以及disa