Jquery对象和Dom对象的区别分析

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Jquery对象和Dom对象的区别分析，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1149字，纯文字阅读大概需要2分钟。

内容图文

在讨论之前，先约定好定义变量的风格。

如果获取的对象是jQuery对象，那么在变量前加上$，例如：

代码如下:
var $variable = jQuery对象;

如果获取的是DOM对象，则定义如下：

代码如下:
var variable = DOM对象；

 
jQuery对象不能使用DOM中的方法，但是如果对jQuery对象所提供的方法不熟悉，或者jQuery没有封装想要的方法，不得不实用DOM对象的时候，有以下两种处理方法。jQuery提供了两种方法将一个jQuery对象转换成DOm对象，即[index]和get(index).
 
1、jQuery对象是一个数组对象，可以通过[index]的方法得到相应的DOM对象。

代码如下:
var $cr = $("#cr"); //jQuery对象
var cr = $cr[0] //DOM对象
alert(cr.checked) //检测这个checkbox是否选中了

2、通过get(index)方法得到相应的DOM对象。

代码如下:
var $cr = $("#cr");
var cr = $cr.get(0);
alert(cr.checked);

对于一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了，方式为$(DOM对象)。

代码如下:
var cr = document.getElementByID("cr"); //DOM对象
var $cr = $(cr);
 

总结：
 
一、jQuery方法里的get方法事实上是获得Dom元素（$(this).get(0)与$(this)[0]）
 
二、而jQuery方法里的eq、first、last等方法都是返回的Jquery对象
 
三、DOM对象才能使用DOM中的方法，jQuery对象不可以使用DOM中的方法。jQuery对象提供了一套更加完善的工具用于操作DOM。

内容总结

以上是互联网集市为您收集整理的Jquery对象和Dom对象的区别分析全部内容，希望文章能够帮你解决Jquery对象和Dom对象的区别分析所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端