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

Posted 麦兜家园

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquary对象和DOM对象的联系及转化相关的知识,希望对你有一定的参考价值。

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对象的联系及转化的主要内容,如果未能解决你的问题,请参考以下文章

jQuary教程5:传递一个dom对象

Jquary入门( 修改内容)

前端6jquary:页面加载,选择器,隔行换色,Dom,全选

关于CSS的个人理解

jQuery对象转化成DOM对象

DOM对象转化成jQuery对象