jquery中eq()和get()有哪些區(qū)別

這篇文章給大家分享的是有關jquery中eq()和get()有哪些區(qū)別的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司是專業(yè)的興寧網(wǎng)站建設公司，興寧接單;提供網(wǎng)站制作、成都做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行興寧網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

區(qū)別：1、eq()方法返回的是jquery對象，而get()方法返回的是js對象；2、eq方法可以直接和其他jquery方法配合使用，而get()方法不能直接配合使用，需要先將返回值轉為jquery對象才可使用jquery方法。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

jquery中eq()和get()的區(qū)別

之前使用eq和get方法都是隨意而為，卻沒深究其中的區(qū)別：

eq方法返回的是jquery對象，而get方法返回的是js對象；jquery對象可以使用jquery方法，而js對象卻只能使用js原生的方法，但是js對象可以轉換成jquery對象再使用jquery方法即可；例如：訪問某個元素的backcolor：

①使用eq方法：$("dv").eq(0).css("backcolor")

②使用get方法：$("dv").get(0).style.backcolor

我們用一個例子說明一下：

首先引入JQuery庫文件，

html

<body>
<ul id="ul">
        <li>item1</li>
        <li>item2</li>
        <li>item3</li>
    </ul>
<input type="button" value="click" id="b1">
</body>

<script>
$("#b1").on("click",function(){
     var $obj  =  $("#ul li");
     $obj.eq(1).css("color","yellow");
     $obj.get(2).css("color","red");
})
</script>

此時，點擊按鈕第二個li，即item2字體變?yōu)辄S色，但是item3沒有變?yōu)榧t色，且報如下錯誤：

jquery中eq()和get()有哪些區(qū)別

報錯的意思是，$obj沒有get()方法，因為它是一個DOM對象組成的數(shù)組，它是沒有get()方法，那么我們怎樣把它變?yōu)镴Query對象了?

只需將$obj.get(2)改為$($obj.get(2))即可，

<script>
$("#b1").on("click",function(){
     var $obj  =  $("#ul li");
     $obj.eq(1).css("color","yellow");
     $($obj.get(2)).css("color","red");
})
</script>

再次點擊按鈕時，就會呈現(xiàn)如下的畫面：

jquery中eq()和get()有哪些區(qū)別

驗證完畢，經(jīng)過這個例子相信大家對于eq()與get()方法會有所了解了。

最后在來個擴展吧，還是基于上面的html

<script>
$("#b1").on("click",function(){
      var $obj = $("#ul li");
      var obj1 = $obj.get(1);
      var obj2 = $obj[1];
      if(obj2===obj1){
            alert(111);
        }else{
            alert(222);
        }
})
</script>

大家可以猜猜看，彈出那個了？

經(jīng)過本人驗證彈出的是111，那么可以得出一個結論：$obj.get(1)和$obj[1]，在這里可以互相替換使用。

jquery對象和Dom對象相互轉換方法：

1.jquery對象——>Dom對象：

有兩種方式：

①jquery對象.get(0)

例如：

var v = $("#id").get(0);//Dom對象

②jquery對象[0]

例如：

var v = $("#id")[0];//Dom對象

2.Dom對象——>jquery對象：

$(Dom對象)，例如：

var $v =$(document.getelementbyid("id"));//jquery對象

感謝各位的閱讀！關于“jquery中eq()和get()有哪些區(qū)別”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章標題：jquery中eq()和get()有哪些區(qū)別
URL網(wǎng)址：http://bm7419.com/article40/ipdsho.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供自適應網(wǎng)站、電子商務、品牌網(wǎng)站建設、關鍵詞優(yōu)化、網(wǎng)站內(nèi)鏈、動態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容