成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

JQuery 對(duì)象與 DOM 對(duì)象

LiangJ / 2046人閱讀

摘要：可以看到數(shù)組對(duì)象的前兩個(gè)值是對(duì)象，所以可以通過來分別獲得的兩個(gè)對(duì)象。如果傳遞給函數(shù)的參數(shù)是一個(gè)對(duì)象，方法會(huì)把這個(gè)對(duì)象給包裝成一個(gè)新的對(duì)象元素元素元素

請(qǐng)注意 JQuery 對(duì)象與 DOM 對(duì)象 是不同的 




var test = document.getElementById("test");
var $test2 = $("#test2");
其中 test 是 DOM對(duì)象，而$test2 是JQuery 對(duì)象
但是兩者又是可以轉(zhuǎn)換的

1.JQuery 對(duì)象轉(zhuǎn)換為 DOM 對(duì)象

利用數(shù)組下標(biāo)的方式讀取到j(luò)Query中的DOM對(duì)象
元素1


元素2


元素3


var $div = $("div")//$div 是jquery 對(duì)象
console.log($div);
JQuery 對(duì)象是一個(gè)類數(shù)組對(duì)象，可以看到它的數(shù)組對(duì)象最前面的值就是 DOM 對(duì)象，所以可以通過 數(shù)組下標(biāo)的方式將 JQuery 對(duì)象轉(zhuǎn)換為 Dom 對(duì)象。
            



var $pp = $("p");
console.log($pp);

可以看到JQuery 數(shù)組對(duì)象的前兩個(gè)值是 DOM 對(duì)象，所以可以通過 $pp[0],$pp[1]來分別獲得
,
的兩個(gè)DOM 對(duì)象。



var $test1 = $("#test1");
console.log($test1);
var $test2 = $(".test2");
console.log($test2);

可以通過下標(biāo) 0 來分別獲取，id 和 class

通過的JQuery 自帶的 get() 的方法

jQuery對(duì)象自身提供一個(gè).get() 方法允許我們直接訪問jQuery對(duì)象中相關(guān)的DOM節(jié)點(diǎn)，get方法中提供一個(gè)元素的索引
var $div = $("div") //jQuery對(duì)象
var div = $div.get(0) //通過get方法，轉(zhuǎn)化成DOM對(duì)象
div.style.color = "red" //操作dom對(duì)象的屬性

將 DOM 對(duì)象轉(zhuǎn)換為 JQuery 對(duì)象

通過 $(DOM) 的方法可以將一個(gè) JQuery 對(duì)象轉(zhuǎn)換為一個(gè) Dom 對(duì)象。
如果傳遞給$(DOM)函數(shù)的參數(shù)是一個(gè)DOM對(duì)象，jQuery方法會(huì)把這個(gè)DOM對(duì)象給包裝成一個(gè)新的jQuery對(duì)象
元素1


元素2


元素3


var div = document.getElementsByTagName("div");
          
var div1 = div[1];
console.log(div1);
            
 console.log($(div1));
 $(div1).css("color","gold");

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/80577.html

相關(guān)文章

  • JQuery 對(duì)象與 DOM 對(duì)象

    摘要：可以看到數(shù)組對(duì)象的前兩個(gè)值是對(duì)象，所以可以通過來分別獲得的兩個(gè)對(duì)象。如果傳遞給函數(shù)的參數(shù)是一個(gè)對(duì)象，方法會(huì)把這個(gè)對(duì)象給包裝成一個(gè)新的對(duì)象元素元素元素 請(qǐng)注意 JQuery 對(duì)象與 DOM 對(duì)象 是不同的 var test = document.getElementById(test); var $test2 = $(#test2); 其中 test 是 DOM對(duì)象，而$test2...

    tianlai 評(píng)論0 收藏0

  • jQuery（一）-- 初步了解

    摘要：一初步了解介紹由創(chuàng)建于年一月的開源項(xiàng)目，憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)化了人員遍歷文檔，操作，處理事件，執(zhí)行動(dòng)畫，和開發(fā)的操作。只建立一個(gè)名為的對(duì)象。對(duì)發(fā)生在同一個(gè)對(duì)象上的一組動(dòng)作，可以直接連寫無(wú)需重復(fù)獲取對(duì)象。 jQuery（一）-- 初步了解 jQuery介紹 由John Resig創(chuàng)建于2006年一月的開源項(xiàng)目，jQuery憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)...

    quietin 評(píng)論0 收藏0

  • 【Jquery對(duì)象】jquery與dom對(duì)象的區(qū)別

    摘要：對(duì)象是獨(dú)有的，可以使用里的方法。因此對(duì)象和對(duì)象是不一樣的，不能調(diào)用對(duì)方定義的方法。普通的對(duì)象可以用包裝起來轉(zhuǎn)換為對(duì)象正常對(duì)象對(duì)象本身是一個(gè)集合，要轉(zhuǎn)換為對(duì)象，可通過數(shù)組索引取出第一種方式第二種方式注返回的還是對(duì)象是對(duì)象。 最近工作有很多判斷的代碼，用到了jquery與dom對(duì)象的地方比較多，寫在這里加強(qiáng)下基本概念： 1.判斷是否存在時(shí)候，要用dom對(duì)象，因?yàn)閖Query在獲得對(duì)象的時(shí)候...

    wslongchen 評(píng)論0 收藏0

  • JQuery基礎(chǔ)修煉-樣式篇

    摘要：具有相同的父元素，并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素?？梢娫氐膶挾然蚋叨?，是大于零。元素的或被認(rèn)為是可見的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...

    _Dreams 評(píng)論0 收藏0

  • JQuery基礎(chǔ)修煉-樣式篇

    摘要：具有相同的父元素，并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素?？梢娫氐膶挾然蚋叨?，是大于零。元素的或被認(rèn)為是可見的，因?yàn)樗麄內(nèi)匀徽加每臻g布局。 jQuery對(duì)象轉(zhuǎn)化成DOM對(duì)象 ? ? jQuery庫(kù)本質(zhì)上還是JavaScript代碼，它只是對(duì)JavaScript語(yǔ)言進(jìn)行包裝處理，為了是提供更好更方便快捷的DOM處理與開發(fā)常見中經(jīng)常使用的功能。我們可以用jQuery...

    luck 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<