一、jquery對象與DOM對象區別
-
DOM對象:
- 在瀏覽器加載網頁時，由瀏覽器負責創建
- 一個html標籤對於一個DOM對象
- 可以通過管理DOM對象，來對關聯html標籤中屬性進行操作
-
jquery對象:
-
是[jquery函數 $() ]負責創建的
-
jquery對象就是一個數組
-
jquery對象中存放着本次定位的dom對象
-
可以通過jquery對象中功能函數，來快速的對定位dom對象進行操作管理
-
<body>
<input type="checkbox" οnclick="selectAll()" id= "selectAllBt" />全選<br />
<input type="checkbox" class= "ah" />吃<br />
<input type="checkbox" class= "ah" />喝<br />
<input type="checkbox" class= "ah" />玩<br />
<input type="checkbox" class= "ah" />樂<br />
</body>
function selectAll(){
//jquery對象名稱一般是以$開始
var $flag = $("#selectAllBt"); //獲取id爲selectAllBt的DOM對象
//實際上就是一個數組，length爲4
var $objs = $(".ah"); //獲取class爲ah的所有DOM對象
}
注:需要導入jquery.js
二、jquery 對象與DOM對象的轉換:
-
如何將jquery對象轉換爲DOM對象
var domObj; for (var i = 0; i < $objs.length; i++) { //將jquery對象轉換成dom對象 domObj = $objs[i]; } -
如何將DOM對象轉換爲jquery對象
本質就是將DOM對象變成jquery數組中的過程
var $obj = $(domObj); console.log($obj.length); //1
注: jquery對象與DOM對象之間屬性和函數彼此不能調用