JQuery 對象與 DOM 對象

LiangJ 發布于2019-08-20 11:26 / 2039人閱讀

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

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




var test = document.getElementById("test");
var $test2 = $("#test2");

其中 test 是 DOM對象，而$test2 是JQuery 對象

但是兩者又是可以轉換的

1.JQuery 對象轉換為 DOM 對象

利用數組下標的方式讀取到jQuery中的DOM對象

元素1
元素2
元素3

var $div = $("div")//$div 是jquery 對象
console.log($div);

JQuery 對象是一個類數組對象，可以看到它的數組對象最前面的值就是 DOM 對象，所以可以通過數組下標的方式將 JQuery 對象轉換為 Dom 對象。

            


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

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




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

可以通過下標 0 來分別獲取，id 和 class

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

jQuery對象自身提供一個.get() 方法允許我們直接訪問jQuery對象中相關的DOM節點，get方法中提供一個元素的索引

var $div = $("div") //jQuery對象
var div = $div.get(0) //通過get方法，轉化成DOM對象
div.style.color = "red" //操作dom對象的屬性

將 DOM 對象轉換為 JQuery 對象

通過 $(DOM) 的方法可以將一個 JQuery 對象轉換為一個 Dom 對象。
如果傳遞給$(DOM)函數的參數是一個DOM對象，jQuery方法會把這個DOM對象給包裝成一個新的jQuery對象

元素1
元素2
元素3

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

云服務器 GPU云服務器刪除dom對象 dom對象操作 javascript的dom對象 js操作dom對象

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/80577.html

JQuery 對象與 DOM 對象

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

tianlai 2019-08-29 11:23 評論0 收藏0
jQuery（一）-- 初步了解

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

quietin 2019-08-26 10:43 評論0 收藏0
【Jquery對象】jquery與dom對象的區別

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

wslongchen 2019-08-23 16:51 評論0 收藏0
JQuery基礎修煉-樣式篇

摘要：具有相同的父元素，并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度，是大于零。元素的或被認為是可見的，因為他們仍然占用空間布局。 jQuery對象轉化成DOM對象 ? ? jQuery庫本質上還是JavaScript代碼，它只是對JavaScript語言進行包裝處理，為了是提供更好更方便快捷的DOM處理與開發常見中經常使用的功能。我們可以用jQuery...

_Dreams 2019-08-02 15:55 評論0 收藏0
JQuery基礎修煉-樣式篇

摘要：具有相同的父元素，并匹配過濾選擇器子選擇器選擇所有指定元素中指定的的直接子元素。可見元素的寬度或高度，是大于零。元素的或被認為是可見的，因為他們仍然占用空間布局。 jQuery對象轉化成DOM對象 ? ? jQuery庫本質上還是JavaScript代碼，它只是對JavaScript語言進行包裝處理，為了是提供更好更方便快捷的DOM處理與開發常見中經常使用的功能。我們可以用jQuery...

luck 2019-08-19 18:24 評論0 收藏0