jquary對象和DOM對象的聯系及轉化
阿新 • • 發佈:2018-01-21
jquery對象 name pre dom對象 轉變 pan 之間 互相調用 匹配
jquary對象和DOM對象的聯系:
DOM對象:DOM對象就是js對象,用 js的方法獲取到的元素
document.getElementById(); document.getElementByName(); document.getElementByTagName(); //以上方法獲取到的都是dom對象
jquary對象:用jquary的方法獲取到的元素。
jquary對象實際就是一個擁有多個DOM對象組成的偽數組。
var $a =$("#a") ;
DOM對象和jquary對象的區別和聯系:
1、DOM對象不能調用jquary對象。
2、jquary對象也不能調用DOM對象。
jquary對象實際就是一個擁有多個DOM對象組成的偽數組。數組下的每個元素都是選擇器匹配到的dom元素所以說,元素本身是一個dom對象
document.getElementById(div1) $(‘#div1‘) //上面二者相等,只不過一個是dom對象 一個是jquary 對象
DOM對象和jquary對象之間的轉變以及互相調用彼此的屬性和方法
1、jQuery對象轉換為dom對象:
//jquary對象轉為dom對象,轉化後就可以用dom對象的方法了。 jQuery[0] jQuery.get(0)
var $div = $(‘div‘); $div[2].innerHTML=‘麥兜‘; //$div就是dom對象了 $div[2].style.color=‘red‘;
//轉換後,就可以任意使用jQuery的方法了。
2、dom對象轉換為jQuery對象:
$(dom) //dom對象前加$符號就轉化為了jquary對象了
var a=document.getElementById("a"); //DOM對象 var $a=$(a); //jQuery對象 //轉換後,就可以任意使用jQuery的方法了。
好了,就是這樣了!
jquary對象和DOM對象的聯系及轉化