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