jQuery对象和DOM对象的区别和联系
来源:互联网 发布:苹果手机数据找回方法 编辑:程序博客网 时间:2024/06/06 15:02
最近看jQuery,对哪些是jQuery对象,哪些是DOM对象的概念有些模糊,下面简单总结一下学习笔记。
概念
$("#test").html()
意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法。这段代码等同于用DOM实现代码:document.getElementById("id").innerHTML;
jQuery对象转成DOM对象
两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);
(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象,如:
var $div =$("div") ; //jQuery对象var div=$div[0]; //DOM对象
(2)jQuery本身提供,通过.get(index)方法,得到相应的DOM对象,如:
var $div=$("div"); //jQuery对象var div=$div.get(0); //DOM对象
DOM对象转成jQuery对象:
对于已经是一个DOM对象,只需要用$()
把DOM对象包装起来,就可以获得一个jQuery对象了。如:
var otest=document.getElementById("test"); //DOM对象var $test=$(otest); //jQuery对象
转换后,就可以任意使用jQuery的方法了。
总结
通过以上方法,可以任意的相互转换jQuery对象和DOM对象。需要再强调注意的是:DOM对象才能使用DOM中的方法,jQuery对象是不可以用DOM中的方法。
阅读全文
0 0
- jQuery对象和dom对象的联系、区别和转换
- jQuery对象和DOM对象的区别和联系
- jQuery对象与dom对象的联系、区别和转换
- jQuery对象和DOM对象的区别与联系
- jQuery对象和DOM对象的区别与联系
- Dom对象和jQuery包装集的区别和联系
- jQuery对象和DOM对象区别和联系
- DOM对象和JQuery对象的区别
- DOM对象和JQuery对象的区别
- DOM对象和JQuery对象的区别
- jquery对象和dom对象的区别
- JQuery对象和DOM对象的区别
- DOM对象和JQuery对象的区别
- DOM对象和JQuery对象的区别
- jquery对象和DOM 对象的区别
- DOM对象和JQuery对象的区别
- DOM对象和JQuery对象的区别
- DOM对象和JQuery对象的区别
- idea 2017 注册
- Translating SQLException with SQL state '42000', error code '1064', message [You have an error in yo
- Subsequence(POJ No.3061)(尺取法)
- 有效有效的解决jquery版本冲突
- 用于文本分类的RNN-Attention网络
- jQuery对象和DOM对象的区别和联系
- Android入门计算器编写
- java复制数组
- Python3.6安装Scrapy爬虫框架
- hdu5491-位操作模拟
- 文章标题
- UE4引擎取消编辑器处于后台时的降帧选项
- No CacheResolver specified, and no unique bean of type CacheManager found
- 归并排序的实现