码迷,mamicode.com
首页 > 其他好文 > 详细

jquary对象和DOM对象的联系及转化

时间:2018-01-21 21:35:21      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:document   组成   bsp   转化   jquer   使用   对象   调用   转变   

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对象的联系及转化

标签:document   组成   bsp   转化   jquer   使用   对象   调用   转变   

原文地址:https://www.cnblogs.com/web001/p/8325272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!