亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

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

LiangJ / 2082人閱讀

摘要：可以看到數(shù)組對(duì)象的前兩個(gè)值是對(duì)象，所以可以通過(guò)來(lái)分別獲得的兩個(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è)類(lèi)數(shù)組對(duì)象，可以看到它的數(shù)組對(duì)象最前面的值就是 DOM 對(duì)象，所以可以通過(guò) 數(shù)組下標(biāo)的方式將 JQuery 對(duì)象轉(zhuǎn)換為 Dom 對(duì)象。
            



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

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



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

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

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

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

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

通過(guò) $(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://www.ezyhdfw.cn/yun/80577.html

相關(guān)文章

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

    摘要：可以看到數(shù)組對(duì)象的前兩個(gè)值是對(duì)象，所以可以通過(guò)來(lái)分別獲得的兩個(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)建于年一月的開(kāi)源項(xiàng)目，憑借著跨平臺(tái)的兼容性，簡(jiǎn)潔的語(yǔ)法，極大的簡(jiǎn)化了人員遍歷文檔，操作，處理事件，執(zhí)行動(dòng)畫(huà)，和開(kāi)發(fā)的操作。只建立一個(gè)名為的對(duì)象。對(duì)發(fā)生在同一個(gè)對(duì)象上的一組動(dòng)作，可以直接連寫(xiě)無(wú)需重復(fù)獲取對(duì)象。 jQuery（一）-- 初步了解 jQuery介紹 由John Resig創(chuàng)建于2006年一月的開(kāi)源項(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ì)象可以用包裝起來(lái)轉(zhuǎn)換為對(duì)象正常對(duì)象對(duì)象本身是一個(gè)集合，要轉(zhuǎn)換為對(duì)象，可通過(guò)數(shù)組索引取出第一種方式第二種方式注返回的還是對(duì)象是對(duì)象。 最近工作有很多判斷的代碼，用到了jquery與dom對(duì)象的地方比較多，寫(xiě)在這里加強(qiáng)下基本概念： 1.判斷是否存在時(shí)候，要用dom對(duì)象，因?yàn)閖Query在獲得對(duì)象的時(shí)候...

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

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

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

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

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

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

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

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

0條評(píng)論

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