Dom对象和jQuery包装集

逃离我推掉我的手 2022-04-15 00:12 262阅读 0赞

# Dom对象 #

> 在传统的JavaScript开发中,我们经常都是首先获取Dom对象,比如:
> 
>     document.getElementById("dv1");
> 
> 我们经常使用getElementById方法来获取Dom对象.在事件触发函数中,我们还可以通过this来获取引用事件触发对象.或者,我们也可以通过event.target或event.srcElement来获取引发事件的Dom对象.

> 注意,此处,我们获得的都是Dom对象.

# jQuery包装集 #

> jQuery包装集可以说是Dom对象的扩充.在jQuery的世界里,将所有的对象,无论是一个还是一组,都封装成一个jQuery包装集.
> 
> 比如:获取包含一个元素的jQuery包装集:
> 
>     var jQueryObject = $("#dv1");
> 
>

> jQuery包装集都是作为一个对象一起调用的,jQuery包装集拥有丰富的属性和方法,这些都是jQuery特有的.

# Dom对象与jQuery对象的转换 #

> (1)　Dom对象转换为jQuery包装集
> 
>     //方式一
>     //      使用jQuery提供的函数y
>     var jQueryObject = $("#dv1");
>     
>     //方法二
>     //      首先获取Dom对象
>     //      再利用jQuery提供的函数进行包装
>     var dom_dv1 = document.getElementById("dv1");
>     var jQueryObject2 = $(dom_dv1);
> 
>

> (2)　jQuery包装集转换为Dom对象
> 
> 执行下列代码:
> 
>     var jQueryObject = $("#dv1");debugger;
> 
>  
> 
> 在进行调试的过程中,我们查看jQueryObject\[0\],会发现该属性的id为dv1,正是我们所需要的dom对象
> 
> [![image][]][image 1]

明确Dom对象和jQuery包装集的概念,将加速我们的学习速度,避免一些弯路.

[image]: /images/20220415/acfee7f93d544b37ab06e742376833c5.png
[image 1]: http://images.cnblogs.com/cnblogs_com/oneword/WindowsLiveWriter/DomjQuery_121EF/image.png

发表评论取消回复

表情：

评论列表（有 0 条评论，262人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery对象和dom对象相互转换

1.jquery对象转换为dom对象 jq对象：jq选择器获取 ![jq对象][jq] dom对象：$\[index\] ![在这里插入图片描述][202005

淡淡的烟草味﹌/ 2023年03月14日 08:11/ 0 赞/ 245 阅读

相关 jQuery对象和DOM对象转化

jQuery对象和DOM对象；这是我第一个碰到的问题。 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQue

迷南。/ 2022年07月10日 18:28/ 0 赞/ 230 阅读

相关 JQuery-DOM对象和JQuery对象的相互转换

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script ty

缺乏、安全感/ 2022年07月10日 13:29/ 0 赞/ 264 阅读

相关浅谈jQuery对象和DOM对象

DOM对象是原生JavaScript获得的对象，可以使用原生JavaScript的方法，但不能使用jQuery的方法。 jQuery对象是用jQuery的$选择器获得的对象，

蔚落/ 2022年06月17日 03:14/ 0 赞/ 282 阅读

相关 jQuery对象和DOM对象

第一次学习jQuery，经常分辨不清哪些是jquery对象、哪些是DOM对象，因此需要重点了解jQuery对象和DOM对象以及它们之间的关系。一、DOM对象和jQ

小咪咪/ 2022年05月17日 10:26/ 0 赞/ 272 阅读

相关 DOM和JQuery对象

1. DOM对象和jQuery对象 DOM对象：直接使用JavaScript获取的节点对象 var objDOM=document.getElementById("

系统管理员/ 2022年05月15日 07:16/ 0 赞/ 293 阅读

相关 jQuery-jQuery对象和DOM对象的相互转换

1.jquery对象转成DOM对象： jquery对象不能使用DOM中的方法，但如果对jquery对象所提供的方法不熟悉，或者没有jquery想封装的方法，不得不使用[DOM

以你之姓@/ 2022年04月17日 07:15/ 0 赞/ 297 阅读

相关 Dom对象和jQuery包装集

Dom对象 > 在传统的JavaScript开发中,我们经常都是首先获取Dom对象,比如: > > document.getElementById("dv1")

逃离我推掉我的手/ 2022年04月15日 00:12/ 0 赞/ 263 阅读

相关 jQuery中jQuery对象和DOM对象的转换

1.注意事项：需要引入jQuery文件，我引入的是jQuery1.6.4版本 2.jQuery对象转换成DOM对象： <!DOCTYPE html PUBLIC "-//

╰半橙微兮°/ 2022年03月29日 21:12/ 0 赞/ 283 阅读

相关 jquery对象和DOM对象的区别

第一次学习jQuery，经常会搞不清楚哪些是jQuery对象、哪些是DOM对象，所以需要重点了解它们以及它们之间的关系。 1. DOM对象 DOM（Document Obj

傷城~/ 2021年11月13日 17:40/ 0 赞/ 382 阅读