關于jQuery object and DOM element
更新時間：2013年04月15日 09:33:05 作者：
本篇文章，小編將為大家介紹，關于jQuery object and DOM element，有需要的朋友可以參考一下
源起：
復制代碼 代碼如下:
<div id="test1">
<span>text1</span>
<span>text2</span>
<span>text3</span>
</div>
想取得span element 里面的文本， 發(fā)現(xiàn)$("#test1 span")[0]取出來的不是jQuery object, 只能用$($("#test1 span")[0]).text()轉為jQuery再取了，但是兩個$一起總感覺怪怪的，退而求其次便用了取值$("#test1 span")[0].textContent or $("#test1 span")[0].innerHTML jQuery object and DOM elementjQuery object是一種類數(shù)組對象(array-like)，可以包含一個或者多個DOM element(s)。而jQuery functions 的操作是建立在jQuery object上而不是DOM object上。eg. jQuery object “Object[span, span, span] ” 包含一個或者多個DOM element “<span>”。訪問jQuery object里面DOM element的方式：
復制代碼 代碼如下:
$("selector")[0] // Accesses the first DOM element in this jQuery object
$("selector").get(0) // Equivalent to the code above
$("selector").get() // Retrieve a true array of DOM elements matched by this selector
或者非jQuery方式：
復制代碼 代碼如下:
document.getElementsByTagName("div") // Return HTMLcollection
相關文章
這篇文章主要介紹了jQuery選擇器之層次選擇器用法,結合實例形式分析了jQuery后代元素選擇器、子元素選擇器、相鄰元素選擇器、兄弟元素選擇器等相關使用技巧,需要的朋友可以參考下2019-02-02
jQuery結合jQuery.cookie.js插件實現(xiàn)換膚功能示例
這篇文章主要介紹了jQuery結合jQuery.cookie.js插件實現(xiàn)換膚功能,結合實例形式分析了jQuery.cookie.js插件的常用函數(shù)功能及實現(xiàn)換膚功能的相關操作技巧,需要的朋友可以參考下2017-10-10
『jQuery』.html(),.text()和.val()的概述及使用
如何使用jQuery中的.html(),.text()和.val()三種方法，用于讀取，修改元素的html結構，元素的文本內(nèi)容，以及表單元素的value值的方法2013-04-04
這篇文章主要為大家詳細介紹了jQuery Datatables表頭不對齊的解決辦法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了jQuery使用post方法提交數(shù)據(jù),實例分析了jQuery中post方法的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
相信大家對twitter類的微博客都不陌生,作為一句話博客其字數(shù)即時提示效果設計的非常人性化.2010-04-04
基于jquery實現(xiàn)的類似百度搜索的輸入框自動完成功能
自動完成功能是指：類似百度搜索之類的輸入一個詞的一部分后就自動提示，然后用戶可以選擇，不需要再輸入剩余部分。2011-08-08
jquery對象和DOM對象在使用過程很頻繁，正是因為如此，好多朋友都不知道它們之間有什么區(qū)別，下面為大家詳細介紹下，希望對大家有所幫助2013-08-08
jQuery中text() val()和html()的區(qū)別實例詳解
這篇文章主要介紹了jQuery中text() val()和html()的區(qū)別實例詳解的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
這篇文章主要介紹了利用jq讓你的div居中的好方法，有需要的朋友可以參考一下2013-11-11