您好,登錄后才能下訂單哦!
這篇文章主要介紹了html中dom對象如何轉為jquery對象,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
轉換方法:對于已經是一個DOM對象,只需要用“$()”把DOM對象包裝起來,就可以獲得一個jQuery對象了,具體語法格式“$(DOM對象)”。
本教程操作環境:windows7系統、jquery1.10.0版本、Dell G3電腦。
DOM對象轉成jQuery對象:
對于已經是一個DOM對象,只需要用$()把DOM對象包裝起來,就可以獲得一個jQuery對象了。
如:
var v=document.getElementById("v"); //DOM對象 var $v=$(v); //jQuery對象
通過$(DOM)方法將普通的DOM對象加工成jQuery對象之后,我們就可以調用jQuery的方法了。
HTML代碼
<div>元素一</div><div>元素二</div><div>元素三</div>
JavaScript代碼
var div=document.getElementsByTagName('div');//DOM對象 var $div=$(div);//jQuery對象 var $first=$div.frist();//找到第一個div元素 $first.css('color','red');//給第一個元素設置顏色
通過getElementsByTagName獲取到div節點的元素,結果是一個DOM合集的對象,不過這個對象是一個數組合集(3個div元素)。通過$(div)方法轉化成jQuery對象,通過調用jQuery對象中的first與css方法查找第一個元素并且改變其顏色。
1、簡易性:超級文本標記語言版本升級采用超集方式,從而更加靈活方便,適合初學前端開發者使用。 2、可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言采取子類元素的方式,為系統擴展帶來保證。 3、平臺無關性:超級文本標記語言能夠在廣泛的平臺上使用,這也是萬維網盛行的一個原因。 4、通用性:HTML是網絡的通用語言,它允許網頁制作人建立文本與圖片相結合的復雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什么類型的電腦或瀏覽器。
感謝你能夠認真閱讀完這篇文章,希望小編分享的“html中dom對象如何轉為jquery對象”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。