jquery $ 与document.getElementByID的区别

最新推荐文章于 2021-05-28 22:50:05 发布
最新推荐文章于 2021-05-28 22:50:05 发布
阅读量155 收藏
点赞数
文章标签： jQuery ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_12633/article/details/82062441
版权

用Jquery选择的包装集返回的是Jquery对象，用document.getElementByID返回的却是DOM对象。

Jquery ///ouput   [object Object]

document.getElementByID ///ouput    [object HTMLDivElement]

 

 

Query对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)。

iteye_12633
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery 中的 $(“#”) 与 js中的document.getElementById(“”)
cuiyadll的博客
02-06 133
以前没注意过，认为jquery 中的 $("#") 与 document.getElementByIdx_x("") 是一回事，指的是同一个东西。 这次项目开发在使用验证码生成的时候，发现两者不同，使用时需要注意！ 通过以下测试： js中代码 function reloadValidCode(o) { alert(o); o.src = "${pageContext.re...
jquery 中的 $(“#”) 与 js中的document.getElementById(“”) 的区别
最数据的专栏
05-19 2105
以前没注意过，认为jquery 中的 $("#") 与 document.getElementById("") 是一回事，指的是同一个东西。 这次项目开发在使用验证码生成的时候，发现两者不同，使用时需要注意！ 通过以下测试： js中代码 function reloadValidCode(o) {  alert(o);     o.src = "${pageContext
jquery $() 和document.getElementById() 区别
legend_x的专栏
11-16 2823
jQuery的$()和document.getElementById()的区别 2011-05-18 17:57 原文链接： http://codeclimber.net.nz/archive/2008/04/11/beware-the-.-in-jquery-elementid-document.getelementbyidelementid.aspx  $("element").
jquery中的$("#id")与document.getElementById("id")的区别和转换
weixin_39620735的博客
01-09 3872
一直用jquery，记得之前有人问我jquery中的$("#id")与document.getElementById("id")的区别和转换，当时没注意这个问题，这几天突然想起来了，想把它记录下来。同时也吧相关的问题都整理一下弥补一些自己在js基础上的欠缺。      官方如此定义：getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。HTML DOM 定义了
jquery中的$("#id")与document.getElementById("id")的区别
weixin_34302798的博客
09-25 419
以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天做特效的时候才发现并不是这么一回事，通过测试得到: 1、alert($("#div"))得到的是[object Object] 2、alert(document.getElementById("div"))得到的是[object HTMLDivElement] ...
TypeError document.getElementById(...) is null错误原因
09-03
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误，通常出现在尝试访问一个尚未加载或者不存在于DOM（文档对象模型）中的元素时。这个错误表示`document.getElementById`方法未能找到...
全面解析jQuery $(document).ready()和JavaScript onload事件
10-22
在描述中提到，$(document).ready()仅执行一次，并且它和JavaScript的onload事件有着本质的区别。$(document).ready()只关注DOM元素是否已加载，而不是整个页面所有资源都加载完毕。这个方法非常适合用来初始化页面...
JavaScript中也使用$美元符号来代替document.getElementById
10-29
if (document.getElementById && document.getElementById(objectId)) { // 支持W3C DOM return document.getElementById(objectId); } else if (document.all && document.all(objectId)) { // 支持MSIE 4 DOM...
TypeError document.getElementById(…) is null错误原因
12-09
了解这些基本的JavaScript执行机制和DOM加载流程，能帮助开发者避免`TypeError: document.getElementById(...) is null`这类常见的错误，提高代码的健壮性和用户体验。记住，良好的编程习惯和对文档结构的理解是解决...
各浏览器对document.getElementById等方法的实现差异解析
09-04
本文主要讨论的是`document.getElementById`这个常用方法在不同浏览器之间的实现区别，以及如何处理这些差异。 `document.getElementById`是一个JavaScript内置方法，用于根据指定的ID从文档中获取元素。在大部分...
vue中的 ref 和 $refs
weixin_30371469的博客
10-27 697
如图，ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合， console.log(this.$refs.input1)//<input...
jQuery的$("#id")和document.getElementById("id")的区别
风火一回，一生不毁
06-24 2344
一直以来都误以为jQuery的$("#id")和document.getElementById("id")的作用是完全相同的。但后来发觉一些DOM操作jQuery尽然识别不了。例如：$("#id").style.width = "28";会提示你width没有定义不能赋值，我就纳闷了用document.getElementById("id").style.width = "28",就可以，为什
getElementById( ) 方法
m0_57835615的博客
05-28 6509
1.getElementById( )方法 getElementById() 方法返回带有指定 ID 的元素 语法格式：
前端基础（13）： jQuery的$("#id")和document.getElementById("id")的区别
Diligence is the mother of success.
05-14 773
对于jquery和dom理解的两篇帮助较大文章，做下推荐。------------------------ 1 ---------------------------document.getElementById()返回的是DOM对象，而$()返回的是jQuery对象什么是jQuery对象？ ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的，其可以使用jQ...
vue mouned里无法使用this.$refs和getElementById
a1030260075的专栏
05-29 3268
1.问题起因： 在vue子组件的mounted里试图使用this.$refs获取标签，然后给标签添加事件，但是发现一直提示undefined，getElementById也无法起作用，理论上mounted是在组件已经挂载之后的钩子，应该可以获取到标签的 2.前提： 我是在子组件的template标签下的根div设置了v-if,试图通过在父组件v-bind的方式传prop值给子组件来控制...
element-ui问题集锦
Sunny2011111的博客
09-27 8734
1、el-popover的显示和隐藏 HTML部分，trigger设为”manual” &lt;el-popover ref="popoverUsername" placement="top" width="200" trigger="manual" content="请输入账号名称"&gt;&lt;/el-popover&gt; &lt;el-input v-
document.getElementById获取不到值的几种原因分析
热门推荐
java journey
09-23 5万+
前几天修改那个分页类，想加入跳转到指定页的功能，就是用户直接输入页码，点击按钮就可以跳到指定的页码！     一看这个需求，就可以想到利用GET传值的方式，但常规GET方式需要把链接写入标签的a href里面，而我们实际上是希望用按钮来进行点击，而不是一个简单的超链接形式。于是
vue中document.getElementById()拿到的是原值的问题
Beam
05-15 1万+
问题 两个界面都有id="test"的div，内容不同，路由切换的时候document.getElementById()拿到的是原界面的值。 问题代码 // 页面1 <div id="test">aaa</div> // 页面2 <div id="test">bbb</div> // 路由切换如下： <transition name="car...
$.document.getElementById
最新发布
08-23
根据这两个引用内容可以得出结论，$.document.getElementById是错误的写法，因为$是Jquery的选择器，它不能直接与document.getElementById结合使用。正确的写法应该是$(document.getElementById("id"))。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值