關(guān)于jQuery object and DOM element
更新時間:2013年04月15日 09:33:05 作者:
本篇文章,小編將為大家介紹,關(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]取出來的不是jQuery object, 只能用$($("#test1 span")[0]).text()轉(zhuǎn)為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
相關(guān)文章
JQuery讀取XML文件數(shù)據(jù)并顯示的實現(xiàn)代碼
今天向大家演示如何通過JQuery框架為空白HTML文檔加載從XML文件讀取的數(shù)據(jù)并顯示出來。我們將會主要用到JQuery自帶過程$.get 。2009-12-12jquery追加元素的所有方法全面深入實例講解(append、prepend、after、before、wrap等等)
幾乎所有網(wǎng)站的開發(fā)都離不開jQuery,jQuery可以很方便的實現(xiàn)網(wǎng)頁中的一些效果,也很輕松的對網(wǎng)頁中的一些DIV元素進行添加,修改或刪除的操作。由于不同位置追加元素的代碼不一樣,本文實例講解如何對網(wǎng)頁中某個指定的DIV進行元素的追加操作。2023-03-03jQuery插件Tooltipster實現(xiàn)漂亮的工具提示
Tooltipster是一個jQuery插件用于快速創(chuàng)建HTML5校驗并且靈活的Tooltips。它可以通過CSS來改變外觀,箭頭的位置之后,鼠標,延遲/期間的外觀都可以被定義。2015-04-04Jquery下的26個實用小技巧(jQuery tips, tricks & solutions)
前段時間發(fā)布了Jquery類庫1.4版本,使用者也越來越多,為了方便大家對Jquery的使用,下面列出了一些Jquery使用技巧。2010-03-03