關(guān)于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]取出來(lái)的不是jQuery object, 只能用$($("#test1 span")[0]).text()轉(zhuǎn)為jQuery再取了,但是兩個(gè)$一起總感覺(jué)怪怪的,退而求其次便用了取值$("#test1 span")[0].textContent or $("#test1 span")[0].innerHTML jQuery object and DOM elementjQuery object是一種類(lèi)數(shù)組對(duì)象(array-like),可以包含一個(gè)或者多個(gè)DOM element(s)。而jQuery functions 的操作是建立在jQuery object上而不是DOM object上。eg. jQuery object “Object[span, span, span] ” 包含一個(gè)或者多個(gè)DOM element “<span>”。訪問(wèn)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
相關(guān)文章
基于jquery的滾動(dòng)鼠標(biāo)放大縮小圖片效果
基于jquery的滾動(dòng)鼠標(biāo)放大縮小圖片效果,需要的朋友可以參考下。2011-10-10jQuery實(shí)現(xiàn)tag便簽去重效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)tag便簽去重效果的方法,較為詳細(xì)的分析了html頁(yè)面及js代碼的實(shí)現(xiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-01-01JQuery讀取XML文件數(shù)據(jù)并顯示的實(shí)現(xiàn)代碼
今天向大家演示如何通過(guò)JQuery框架為空白HTML文檔加載從XML文件讀取的數(shù)據(jù)并顯示出來(lái)。我們將會(huì)主要用到JQuery自帶過(guò)程$.get 。2009-12-12jquery追加元素的所有方法全面深入實(shí)例講解(append、prepend、after、before、wrap等等)
幾乎所有網(wǎng)站的開(kāi)發(fā)都離不開(kāi)jQuery,jQuery可以很方便的實(shí)現(xiàn)網(wǎng)頁(yè)中的一些效果,也很輕松的對(duì)網(wǎng)頁(yè)中的一些DIV元素進(jìn)行添加,修改或刪除的操作。由于不同位置追加元素的代碼不一樣,本文實(shí)例講解如何對(duì)網(wǎng)頁(yè)中某個(gè)指定的DIV進(jìn)行元素的追加操作。2023-03-03EasyUI折疊表格層次顯示detailview詳解及實(shí)例
這篇文章主要介紹了EasyUI折疊表格層次顯示detailview詳解及實(shí)例,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2016-12-12jQuery插件Tooltipster實(shí)現(xiàn)漂亮的工具提示
Tooltipster是一個(gè)jQuery插件用于快速創(chuàng)建HTML5校驗(yàn)并且靈活的Tooltips。它可以通過(guò)CSS來(lái)改變外觀,箭頭的位置之后,鼠標(biāo),延遲/期間的外觀都可以被定義。2015-04-04jQuery動(dòng)態(tài)生成的元素綁定事件操作實(shí)例分析
這篇文章主要介紹了jQuery動(dòng)態(tài)生成的元素綁定事件操作,結(jié)合實(shí)例形式分析了jQuery事件綁定的原理及動(dòng)態(tài)生成的元素綁定事件相關(guān)操作技巧,需要的朋友可以參考下2019-05-05Jquery下的26個(gè)實(shí)用小技巧(jQuery tips, tricks & solutions)
前段時(shí)間發(fā)布了Jquery類(lèi)庫(kù)1.4版本,使用者也越來(lái)越多,為了方便大家對(duì)Jquery的使用,下面列出了一些Jquery使用技巧。2010-03-03jquery實(shí)現(xiàn)鍵盤(pán)左右翻頁(yè)特效
jQuery實(shí)現(xiàn)網(wǎng)頁(yè)上鍵盤(pán)左右方向鍵翻頁(yè)代碼,我們?cè)诤芏嘈≌f(shuō)網(wǎng)站經(jīng)??吹竭@樣的效果,這樣可以給網(wǎng)站提高用戶(hù)體驗(yàn),方便訪客翻頁(yè)使用,從而大大提高了網(wǎng)站PV2015-04-04基于jQuery的時(shí)間戳與日期間的轉(zhuǎn)化
這篇文章主要為大家詳細(xì)介紹了基于jQuery的時(shí)間戳與日期間的轉(zhuǎn)化,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06