jquery對象是可以通過jquery庫自帶方法獲取頁面DOM元素的對象,是用jquery的類庫選擇器獲得的對象,是通過jquery包裝DOM對象后產(chǎn)生的對象;jquery對象可以使用jquery里的方法,但是不能使用DOM的方法。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。
什么是jquery對象
在JQuery庫中,可以通過本身自帶的方法獲取頁面DOM 元素的對象叫做JQuery對象。對象用var開頭定義。
在JQuery庫中,可以通過本身自帶的方法獲取頁面元素的對象叫做JQurey對象
jQuery對象就是用jQuery的類庫選擇器獲得的對象。JQuery對象就是通過jQuery包裝DOM對象后產(chǎn)生的對象。
JQuery對象是jQuery獨有的,其可以使用jQuery里的方法,但是不能使用DOM的方法。
例如: $("#img").attr(“src”,“test.jpg-600”); 這里的 $("#img")就是 jQuery 對象。
注意:在jQuery對象中無法使用DOM對象的任何方法。
例如$("#id").innerHTML 和$("#id").checked之類的寫法都是錯誤的,可以用$("#id").html()和$("#id").attr("checked")之類的 jQuery方法來代替。
同樣,DOM對象也不能使用jQuery方法。
DOM 對象轉(zhuǎn)成 jQuery 對象
對于已經(jīng)是一個 DOM 對象,只需要用 $() 把DOM對象包裝起來,就可以獲得一個 jQuery 對象了,$(DOM 對象) 注: var是定義變量
如:
var v = document.getElementById(“v”); //DOM對象 var $v = $(v); //jQuery 對象
轉(zhuǎn)換后,就可以任意使用 jQuery 的方法。
jQuery 對象轉(zhuǎn)成 DOM 對象
兩種轉(zhuǎn)換方式講一個 jQuery 對象轉(zhuǎn)換成 DOM 對象: [index] 和 .get(index);
jQuery 對象是一個數(shù)據(jù)對象,可以通過 [index] 的方法,來得到相應的 DOM 對象。
如:
var $v = $("#v"); //jQuery 對象 var v = $v[0]; //DOM 對象 alert(v.checked); //檢測這個checkbox是否被選中
相關(guān)視頻教程推薦:jQuery視頻教程