html中dom對象如何轉為jquery對象

這篇文章主要介紹了html中dom對象如何轉為jquery對象，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

轉換方法：對于已經(jīng)是一個DOM對象，只需要用“$()”把DOM對象包裝起來，就可以獲得一個jQuery對象了，具體語法格式“$(DOM對象)”。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.0版本、Dell G3電腦。

DOM對象轉成jQuery對象:

對于已經(jīng)是一個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節(jié)點的元素，結果是一個DOM合集的對象，不過這個對象是一個數(shù)組合集（3個div元素）。通過$(div)方法轉化成jQuery對象，通過調用jQuery對象中的first與css方法查找第一個元素并且改變其顏色。

html有什么特點

1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便，適合初學前端開發(fā)者使用。 2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統(tǒng)擴展帶來保證。  3、平臺無關性：超級文本標記語言能夠在廣泛的平臺上使用，這也是萬維網(wǎng)盛行的一個原因。 4、通用性：HTML是網(wǎng)絡的通用語言，它允許網(wǎng)頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“html中dom對象如何轉為jquery對象”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業(yè)資訊頻道，更多相關知識等著你來學習!