成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

JQuery 對象與 DOM 對象

tianlai / 534人閱讀

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

請注意 JQuery 對象與 DOM 對象 是不同的 




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

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

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


元素2


元素3


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



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

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



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

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

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

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

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

通過 $(DOM) 的方法可以將一個(gè) JQuery 對象轉(zhuǎn)換為一個(gè) Dom 對象。
如果傳遞給$(DOM)函數(shù)的參數(shù)是一個(gè)DOM對象，jQuery方法會(huì)把這個(gè)DOM對象給包裝成一個(gè)新的jQuery對象
元素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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/111615.html

相關(guān)文章

  • JQuery 對象與 DOM 對象

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

    LiangJ 評論0 收藏0

  • jQuery（一）-- 初步了解

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

    quietin 評論0 收藏0

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

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

    wslongchen 評論0 收藏0

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

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

    _Dreams 評論0 收藏0

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

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

    luck 評論0 收藏0

發(fā)表評論

0條評論

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