jQuery对象与DOM对象的爱恨情仇

于 2020-10-06 15:59:29 发布
阅读量161 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44768794/article/details/108939803
版权

jquery

文章目录

1. 如何区分DOM对象和jQuery对象

1.1 DOM对象

通过getElementById()出来的标签对象是dom对象
通过getElementByName()出来的标签对象是dom对象
通过getElementByTagName()出来的标签对象是dom对象
通过createElement()出来的标签对象是dom对象

DOM对象alert出来的效果 ： [object HTML 标签名 Element]

1.2 jQuery对象

通过jQuery提供的API创建的对象，是jQuery对象
通过jQuery包装的DOM对象，是jQuery对象
通过jQuery提供的API查询到的对象，是jQuery对象

jQuery对象alert出来的效果是：[object Object]

2. jQuery对象的本质

jQuery对象是DOM对象的数组 + jQuery提供的一系列功能函数

3. jQuery对象和DOM对象在使用上的区别

DOM对象不能使用jQuery对象的属性和方法
jQuery对象不能使用DOM对象的属性和方法

4. jQuery对象和DOM对象的相互转化

4.1 dom对象转化为jQuery对象

  1.先有dom对象
  2.$(DOM对象)  转化为jQuery对象

4.2 jQuery对象转化为dom对象

 1.先有jQuery对象
 2.jQuery对象[下标] 取出相应的dom对象

在这里插入图片描述

cb++
关注
使用JQuery快速高效制作网页交互特效 第十一章 蔚蓝网项目
weixin_44269168的博客
07-10 9420
样式 global.css @charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; font-size: 12px; line-height: 20px; color: #333; } ul, li, ol, h1, dl, dd { list-style: non...
(JS)蔚蓝网上书店(课本案例)
热门推荐
qq_42161945的博客
08-08 3万+
有一点不完善，有点bug等待修改 CSS部分 global.css   @charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; font-size: 12px; line-height: 20px; color: #333; } ul, li, ol, h1, ...
初识angular.js之爱恨情仇
哆啦咪^Pluser
06-14 1846
angular.js之爱恨情仇：MV*、数据绑定、指令化...
getComputedStyle/currentStyle/style之间的爱恨情仇
weixin_30894389的博客
12-07 63
getComputedStyle是？ getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 getComputedStyle() gives the final used values of all the CSS properties of an e...
Jquery 当当网
qq_36074043的博客
05-06 5307
index.html $(function() { // window.open('open.html'); //随滚动条滚动的可关闭广告窗口 $(window).scroll(function() { var st = $(this).scrollTop() + 50; $("#right").css("
边边角角，偶尔遇到——javascript
AmberDeng的博客
09-12 831
边边角角的知识 1. in 数组 // 数组 var trees = new Array("redwood", "bay&am
JavaScript快速切换繁体中文和简体中文的方法及网站支持简繁体切换的绝招
weixin_34054866的博客
03-21 1608
一般商业网站都有一个语言的需求，就是为了照顾使用正体中文的国人，会特地提供一个切换到正体中文的选项（或曰“繁体中文”）。传统做法是在服务端完成的，即通过某些控件或者过滤器转换文本语言。这里笔者介绍一种简单可行的方法，不是在服务端而是利用前端的 JavaScript 就可以切换正体中文。 大概六年前我还专门写过这议题的博文，这篇也是奠基在那篇文章（旧文也是参考了一高手代码）之上，《对 JavaScr...
尤雨溪：重头来过的 Vue 3 带来了什么？
程序猿DD
06-17 567
点击上方蓝色“程序猿DD”，选择“设为星标”回复“资源”获取独家整理的学习资料！作者 | 尤雨溪译者 |苏本如，责编 | 屠敏出品 | CSDN（ID：CSDNnews）在过去的一年里...
一个js的工具类
weixin_30569153的博客
12-18 1888
/** * 通用工具类 */ ;(function ($) { "use strict"; /** * 对ie8浏览器数组map函数的支持 */ if (!Array.prototype.map) { Array.prototype.map = function (callback, thisArg) { ...
jQuery对象和DOM对象之间相互转换的方法介绍
10-24
在Web开发中，经常需要在jQuery对象和DOM对象之间进行转换，以便可以利用各自对象的方法优势进行高效编程。jQuery对象是包装了DOM对象的类数组对象，它们之间的转换虽然看似简单，但在实际操作中却非常重要。 首先...
jQuery对象与DOM对象转换方法详解
01-21
本文实例分析了jQuery对象与DOM对象的转换方法。分享给大家供大家参考，具体如下： jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数，同样有些dom对象的属性和方法在jQuery上也是无法调用的，...
jquery对象和javascript对象即DOM对象相互转换
12-09
总的来说，jQuery对象与DOM对象之间的转换是开发中常见的需求。掌握这种转换技巧能帮助你更好地利用这两个世界的优点，提升代码的可读性和效率。在编写jQuery代码时，一定要注意选择合适的方法，避免混淆两者，这样...
jQuery对象与DOM对象之间的相互转换
12-04
总的来说，熟练掌握jQuery对象与DOM对象之间的转换，能够使你在处理JavaScript项目时更加得心应手，提高代码的灵活性和可读性。在实际工作中，根据需求灵活选择使用jQuery对象或DOM对象，可以优化代码性能，提高开发...
jQuery对象与DOM对象之间的转换方法
10-29
在前端开发中，经常需要在jQuery对象和DOM对象之间进行转换。这是因为它们各有优势，jQuery对象可以使用jQuery提供的各种便利方法，而DOM对象则可以使用原生JavaScript的所有属性和方法。理解这两种对象的区别及它们...
数据挖掘（三）相关数据集资源
10-27
数据挖掘（三）相关数据集资源
《GNU_Linux环境高级编程》.pdf
10-27
《GNU_Linux环境高级编程》.pdf
人工智能-基于kinect的人体动作识别系统源码（毕业设计）
10-27
人工智能-基于kinect的人体动作识别系统源码（毕业设计），该项目是个人毕设项目，答辩评审分达到98分，代码都经过调试测试，确保可以运行！欢迎下载使用，可用于小白学习、进阶。该资源主要针对计算机、通信、人工智能、自动化等相关专业的学生、老师或从业者下载使用，亦可作为期末课程设计、课程大作业、毕业设计等。项目整体具有较高的学习借鉴价值！基础能力强的可以在此基础上修改调整，以实现不同的功能。 人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人工智能-基于kinect的人体动作识别系统源码（毕业设计）人
福建农林大学在陕西2020-2024各专业最低录取分数及位次表.pdf
10-27
那些年，与你同分同位次的同学都去了哪里？全国各大学在陕西2020-2024年各专业最低录取分数及录取位次数据，高考志愿必备参考数据
基于MATLAB火焰检测定位代码【带界面GUI】.zip
最新发布
10-27
matlab
jQuery对象与DOM对象转换及选择器详解
"这篇学习笔记主要讲解了如何获取jQuery对象，以及jQuery对象与DOM对象之间的转换和使用。jQuery选择器的使用是其核心内容，包括基本选择器、过滤选择器和层次选择器等。" 在JavaScript的世界里，jQuery库极大地...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值