1. 程式人生 > 其它 >jquery獲取陣列長度_js中dom物件和jQuery物件的相互轉換

jquery獲取陣列長度_js中dom物件和jQuery物件的相互轉換

技術標籤:jquery獲取陣列長度

d1e07db2b8f1e0bf11815cf2a650c314.png 可能大家在開發中,使用原生獲取dom物件進行相關操作的時候,一些原生的方法並不能滿足我們的需求,這時我們可能會使用到jquery,但是dom元素並不能直接使用jquery的方法,這時我們就需要先把原生dom轉換為jquery物件,而有時候我們還得反過來使用原生的方法,那麼也必然需要把jquery物件轉換為dom物件來進行相關操作,所以這裡就涉及到兩個物件的相互轉換問題。 讓我們來一起看下如何操作吧f8b57e7ec3b0e1eb37bac16a0f3857ec.png c3e72675dcf2018e3e0dbde7c8875e26.png01jquery物件轉為dom物件 d1e07db2b8f1e0bf11815cf2a650c314.png jquery物件會返回一個偽陣列,其中第一項就是我們需要的dom物件
// 獲取jQuery物件var jQueryDom = $("#demo");// 轉化為dom物件var dom = $("#demo")[0];
c3e72675dcf2018e3e0dbde7c8875e26.png02dom物件轉為jquery物件 d1e07db2b8f1e0bf11815cf2a650c314.png dom物件轉為jquery物件非常方便,只需要前面加個$即可。
// 獲取dom物件var domObj = document.getElementById("demo");// 轉化為jQuery物件var jQueryObj = $(domObj);
c3e72675dcf2018e3e0dbde7c8875e26.png d1e07db2b8f1e0bf11815cf2a650c314.png 注:有可能大家和我一樣,非常喜歡jquery的方法,但是在使用的途中,有可能是獲取的多個同類型的,即偽陣列格式,想要操作其中某一個dom,但是這時候就有可能已經變為dom物件了,所以使用jq的方法就會報錯。 所以排查問題的同時,可以考慮線列印下該元素,看看此時是dom物件還是jq物件,然後可以使用相應的轉換方法。 好了,以上就是介紹兩種型別相互轉換的方法了。 期待能夠對你有所幫助~~~

9e5175bc82c7bfd398f1b80741c4f99d.png

c3e72675dcf2018e3e0dbde7c8875e26.png