1. 程式人生 > >jquary對象和DOM對象的聯系及轉化

jquary對象和DOM對象的聯系及轉化

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對象的聯系及轉化