首页 / JQUERY / 锋利的jQuery-1--jQuery对象和DOM对象以及相互转化

锋利的jQuery-1--jQuery对象和DOM对象以及相互转化

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了锋利的jQuery-1--jQuery对象和DOM对象以及相互转化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含954字，纯文字阅读大概需要2分钟。

内容图文

DOM对象：

document object model,文档对象模型，每一份dom都可以表示成一棵树。

如下图所示，代码省略

在这颗dom树种，h3, p, ul以及ul的3个li子节点都是dom元素节点。

获取dom对象：

            //
            获取dom对象
            var domobj = document.getElementById("id");
//使用JavaScript方法var objhtml = domobj.innerHTML;

jQuery对象：

jQuery对象是jQuery独有的，是通过jQuery包装dom对象得到的。

            //
            jQuery方法
$("#foo").html();
//相当于
document.getElementById("foo").innerHTML;

jQuery对象和dom对象转换：

jQuery->dom:

1.jQuery对象是一个数组对象，可通过[index]方式得到相应的dom对象

            //
            约定jQuery对象的变量都以$开头，避免混淆
            var $cr = $("#cr"); //jquery对象var cr = $cr[0];  //dom对象
alert(cr.checked);  //检测这个checkbox是否被选中

2.通过jQuery方法get(index)得到dom对象。

            //
            约定jQuery对象的变量都以$开头，避免混淆
            var $cr = $("#cr"); //jquery对象var cr = $cr.get(0);  //dom对象
alert(cr.checked);  //检测这个checkbox是否被选中

dom->jQuery：

对于一个dom对象，通过$()把dom对象包起来就是jQuery对象了。

            var cr = document.getElementById("cr");  //dom对象var $cr = $(cr);  //jQuery对象

 

最后再次强调，dom对象才能使用dom中的方法，jQuery对象不能使用dom中的方法。

 

原文：http://www.cnblogs.com/leezhxing/p/4041005.html

内容总结

以上是互联网集市为您收集整理的锋利的jQuery-1--jQuery对象和DOM对象以及相互转化全部内容，希望文章能够帮你解决锋利的jQuery-1--jQuery对象和DOM对象以及相互转化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1160702.html

来源：【匿名】