jquery中eq和get
生活随笔
收集整理的這篇文章主要介紹了
jquery中eq和get
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
原文轉(zhuǎn)自: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));
???})
返回結(jié)果分別為:[object Object]和[object HTMLLIElement]
可知,eq返回的是一個(gè)jquery對(duì)象,get返回的是一個(gè)html 對(duì)象數(shù)組。
使用eq來(lái)獲得第一個(gè)li標(biāo)簽的color值:
$("li").eq(0).css("color")??//因?yàn)?span style="font-weight:bold">eq(num)返回的是個(gè)jq對(duì)象,所以可以用jq的方法css
使用get來(lái)獲得第一個(gè)p標(biāo)簽的color值:
$("li").get(0).style.color??//因?yàn)?span style="font-weight:bold">get(num)返回的是個(gè)html對(duì)象,所以要使用傳統(tǒng)的HTML對(duì)象方法,jq對(duì)象此時(shí)就沒(méi)用了。
當(dāng)然,你也可以get(num)后把對(duì)象轉(zhuǎn)為jq的對(duì)象再進(jìn)行操作:
$($("p").get(0)).css("color")
由此我們知道,由eq返回的jquery對(duì)象,我們可以直接使用jquery的方法如.css(),.html()等,而由get返回的是html數(shù)組對(duì)象要使用傳統(tǒng)的HTML對(duì)象方法或者轉(zhuǎn)換成jquery對(duì)象后再操作。
既然如此都能實(shí)現(xiàn),建議統(tǒng)一使用eq,不必再去費(fèi)心理會(huì)他們之間的區(qū)別啦什么的 ^^
總結(jié)
以上是生活随笔為你收集整理的jquery中eq和get的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 学习jQuery顺便学习下CSS选择器:
- 下一篇: jquery的checked以及disa