2.jQuery对象

已于 2022-09-23 09:42:59 修改
阅读量312 收藏
点赞数
分类专栏： jQuery笔记 文章标签： jquery javascript 前端
于 2022-09-02 14:57:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/potato123232/article/details/126663145
版权

目录

1  顶层对象 $

2  DOM对象与jQuery对象

3  DOM对象与jQuery对象的转换

3.1  DOM对象转换为jQuery对象

3.2  jQuery对象转换为DOM对象

1  顶层对象 $

$实际上是一个代替符号，代替的是jQuery，在这里我们不使用$符号，使用jQuery发现同样可以生效

  • 在其他的库中有可能也同样适用了$符号，这个时候如果你还想使用jQuery，那么你应该使用jQuery代替$符号
  • 如果使用jQuery依然与其他库发生冲突，可以使用 $.noConflict 自定义一个变量，具体使用方法可以看一下这个 https://blog.csdn.net/potato123232/article/details/127004631

在jQuery库中，jQuery对象是顶级对象，就像在JS中，顶级对象为window

2  DOM对象与jQuery对象

用DOM获取的对象就是DOM对象，用jQuery获取的对象就是jQuery对象

两者是不同的，DOM对象只能使用DOM的方法，jQuery对象只能使用jQuery的方法

3  DOM对象与jQuery对象的转换

3.1  DOM对象转换为jQuery对象

我们使用$就可以将DOM对象转换为jQuery对象

3.2  jQuery对象转换为DOM对象

我们先看一下jQuery对象，我现在有两个div，直接使用div查询会查询到两个div

这两个div会放到一个数组中

我们想找到第一个div，那么需要给一个索引0

索引的结果就是DOM对象

也可以这样给索引

效果相同

Suyuoa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
jQuery对象
郭静静--廊坊师范学院信息技术提高班十六期
09-28 1106
文章目录 前言 一、基本介绍 二、jQuery对象 1.如何获取 2.与DOM对象转换 3. 获取标签 三. jQuery对象设置样式 1. 行内样式 2. 类样式 总结 前言 jQuery,是一个快速、简洁的 JavaScript 库,其设计的宗旨是“Write Less，Do More”，即倡导写更少的代码，做更多的事情。 之前webAPIs, 其主要操作步骤可以归纳为: 获取元素---绑定事件---改变样式, jQuery是与其相似的, 只不过进行了封...
JQuery对象
雷蒙的博客
02-16 402
JQuery对象： jQuery 对象就是通过 jQuery($()) 包装 DOM 对象后产生的对象 jQuery 对象是jQuery独有的. 如果一个对象是jQuery 对象，那么它就可以使用jQuery 里的方法: $(“#persontab”).html(); jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法 约定：如果获取...
jQuery
weixin_43847832的博客
12-09 94
jQuery 是一个轻量级的JS库是一个封装好的JS文件.提供了更为简便的页面元素操作方式 封装了 DOM ， JS ， CSS 核心理念: Write Less Do More 版本 jQuery 3.3.1 jQuery 2.x 不再支持IE6，7，8 jQuery 1.11.x 使用 jQuery 引用jQuery文件 <script src = "jquery-1.11...
tableExport.jquery.plugin-1.10.22.zip
03-29
2. **初始化插件**：使用jQuery选择器找到需要导出的表格元素，并调用`.tableExport()`方法进行初始化。 3. **配置选项**：可以通过传递参数对象来配置导出的格式、分隔符、是否包含表头等选项。 4. **触发导出**：...
jQuery.deferred对象使用详解
10-22
主要为大家详细介绍了jQuery.deferred对象的使用方法，内容很全面，感兴趣的小伙伴们可以参考一下
深入浅析jQuery对象$.html
10-21
主要介绍了jQuery对象$.html的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
jquery对象和DOM对象的任意相互转换
10-22
2. jQuery对象可以使用jQuery库提供的方法，但不能直接使用DOM对象的方法。 3. 相反，DOM对象不能直接调用jQuery方法，但可以转换为jQuery对象以利用jQuery的功能。 **jQuery对象转为DOM对象**： 1. **索引访问**：...
jquery对象与DOM对象转化
12-03
2. **使用`.get()`方法**：jQuery对象提供了`.get()`方法，可以用来获取指定索引的DOM元素。例如： ```javascript var $div = $('div'); var div = $div.get(0); // 同样转化为第一个div的DOM对象 ``` `.get()`...
Jquery对象、Jquery选择器、Jquery Dom操作及事件
m0_59897687的博客
02-27 1319
目录 一、Jquery的下载与安装 1.下载及其版本 2.安装 3.优点 二、Jquery核心 三、DOM对象与Jquery包装集对象 1.DOM对象 2.Jquery包装集对象 3.DOM对象转jQuery对象 4.jQuery对象转DOM对象 四、jQuery选择器 1.基础选择器 2.层次选择器 3.表单选择器 五、jQuery Dom操作 1.操作元素的属性 (1).获取属性​ (2).设置属性 (3).移除属性 2.操作元素的样式 3.操...
jQuery对象基本使用
weixin_46407419的博客
02-16 280
jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用jQuery里的方法：例如$(“#i1”).html()。 // 例： $("#i1").html()的意思是：获取id值为 i1的元素的html代码。其中 html()是jQuery里的方法。 相当于DOM： documen...
jQuery 对象
大家好，我是 ed.
03-20 367
jQuery 对象 什么是 jQuery 对象 　　jQuery 对象是通过 jQuery 包装 DOM 对象后产生的对象。 　　jQuery 对象是一个类数组对象。 　　jQuery 对象是 jQuery 独有的。如果一个对象是 jQuery 对象，就可以使用 jQuery 的方法。 　　在 jQuery 对象中无法使用 DOM 对象的任何方法，反正在 DOM 对象也无法使用任何 j...
jQuery基础知识点汇总
最新发布
heliuerya的博客
05-31 1460
class 选择器： 语法：$(".class值") 根据 class样式值 查找标签对象 class表示css中的样式，这是使用样式的名称定位dom对象。组合选择器： 语法：$("#id,.class,标签名") 是多个被选对象之间使用逗号分隔后形成的选择器，可以组合id，class，标签名等，举例：$("body" > "div");$("选择器").attr("username","张三") //设置数组中的所有dom对象的username属性值为"张三"。
jQuery系列之jQuery对象
老__L的博客
08-13 607
jQuery对象
jQuery的创建对象，动态添加、修改、删除属性和方法
苦涩精灵的博客
08-23 1640
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="js/jquery.min.js"></script> <script> var obj = {}; //字面量创建对象 //动态添加对象属性
jquery对象的定义和使用
HN.yz@ssg
12-06 7167
美元符($),下划线(_)可以作为类名和方法名，其他特殊字符都不行 jquery中不能定义 美元符($)的方法 --    $(){}  ，自定义的美元符方法会覆盖jQuery中的$ $是jQuery的入口，它本身是一个函数，可以传入不同类型的参数，字符串，匿名函数 //传入的函数==window.onload $(function(){ alert("ddd"); })
Jquery获取对象的几种方式详细介绍
qq_38184559的博客
07-06 1328
1、JQuery的核心的一些方法 each(callback) '就像循环 $("Element").length; ‘元素的个数，是个属性 $("Element").size(); '也是元素的个数，不过带括号是个方法 $("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储 $("Element").get(index); '功能和上面的
理解jQuery对象与DOM对象的区别
"jQuery对象和DOM对象的区别-jQuery_課件" 在JavaScript中，DOM对象（Document Object Model）是指浏览器解析HTML或XML文档后形成的结构化表示，它允许开发者通过JavaScript来访问和操作页面上的元素。而jQuery对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Suyuoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值