jquery中的 $(#id)与document.getElementById( id )的区别

最新推荐文章于 2022-12-12 01:30:04 发布
最新推荐文章于 2022-12-12 01:30:04 发布
阅读量437 收藏
点赞数
分类专栏： JS

  jQuery选择器 $(#id) 返回的是jquery对象，用document.getElementById( id )返回的是DOM对象。

      （1）jquery对象可以使用两种方式转换为DOM对象， [ index ] 和 .get( index )

                      $(#id)[0]   得到DOM对象

                      $(#id).get( 0 )   -----》  DOM对象

 

        （2）DOM对象转成jquery对象：

                   $(DOM对象）


用Jquery的时候，用.each()可以遍历包装集里面的DOM对象

cooledi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
document.getElementBy(id)与$(#id)有什么区别
12-09
在JavaScript和jQuery中，`document.getElementById` 和 `$` (`$(#id)`) 是两种不同的方法，用于选取HTML文档中具有特定ID的元素。虽然它们都用于同样的目的，但它们的实现方式、兼容性和使用场景有所不同。 `...
JavaScript中也使用$美元符号来代替document.getElementById
10-29
在JavaScript编程语言中，`$`美元符号是一个常见的标识符，尤其在jQuery和其他JavaScript库中广泛使用。这个符号被用作一个简化的选择器，类似于CSS中的选择器，用于选取DOM（Document Object Model）中的元素。`$`...
jquery中的$("#id")与document.getElementById("id")的区别和转换
weixin_39620735的博客
01-09 3844
一直用jquery，记得之前有人问我jquery中的$("#id")与document.getElementById("id")的区别和转换，当时没注意这个问题，这几天突然想起来了，想把它记录下来。同时也吧相关的问题都整理一下弥补一些自己在js基础上的欠缺。      官方如此定义：getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。HTML DOM 定义了
jQuery基础知识常用
qq_45796592的博客
12-12 2504
jQuery常用基础知识总结；知识点分类"亲民"；适合0基础
jquery中的$("#id")与document.getElementById("id")的区别
weixin_34302798的博客
09-25 414
以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的，今天做特效的时候才发现并不是这么一回事，通过测试得到: 1、alert($("#div"))得到的是[object Object] 2、alert(document.getElementById("div"))得到的是[object HTMLDivElement] ...
jQuery getElementById()
疯狂程序员
03-13 1216
-
jquery中的$("#***")和javascript中document.getElementById相互转换
idwtwt的专栏
10-10 1541
一个是js对象，一个是jQuery对象 互相转换： var jsObj = $("#xxx")[0]; jsObj = $("#xxx").get(0); var jsObj1 = document.getElementById("xxx"); var $jqueryObj = $(jsObj);
TypeError document.getElementById(...) is null错误原因
09-03
`TypeError: document.getElementById(...) is null` 是一个常见的JavaScript错误，通常出现在尝试访问一个尚未加载或者不存在于DOM（文档对象模型）中的元素时。这个错误表示`document.getElementById`方法未能找到...
document.getElementById方法在Firefox与IE中的区别
09-05
因此，为了确保代码在所有浏览器中的兼容性，必须为每个需要通过`document.getElementById`来访问的元素定义`id`属性，如： ```html <input type="text" name="txtVersion" id="txtVersion" size="15" value=...
document.getElementBy("id")与$("#id")有什么区别
09-05
在JavaScript和jQuery中，获取页面元素的方式有所不同，主要体现在`document.getElementById()`和`$("#id")`这两个方法上。本文将详细解析它们之间的区别。 首先，`document.getElementById(id)`是JavaScript中的一...
TypeError document.getElementById(…) is null错误原因
12-09
如果你在项目中使用了jQuery库，可以利用`$(document).ready`或简写形式`$(function() {...})`来确保代码在DOM准备就绪时执行。 ```javascript $(document).ready(function() { // jQuery 代码放在这里 var $...
各浏览器对document.getElementById等方法的实现差异解析
09-04
`document.getElementById`是一个JavaScript内置方法，用于根据指定的ID从文档中获取元素。在大部分情况下，这个方法在所有现代浏览器中都能正常工作，但在一些旧版本或特定浏览器中可能会出现不一致的行为。例如，...
document.getElementsByName和document.getElementById 在IE与FF中不同实现
10-30
本文将探讨`document.getElementsByName`和`document.getElementById`这两个DOM操作方法在Internet Explorer（IE）与Firefox（FF）中的不同实现，以及这对开发者的影响。 `document.getElementsByName`这个方法是...
解决自定义$(id)的方法与jquery选择器$冲突的问题
10-25
然而，jQuery中默认的 `$` 符号选择器与原生JavaScript中选取元素的 `$` 函数（通常用于获取ID为指定字符串的DOM元素）可能会产生冲突，尤其是在既有原生JS代码又有jQuery代码的项目中。这个问题在网站改版或者引入...
原生js操作checkbox用document.getElementById实现
10-26
js操作checkbox本人建议用document.getElementById(checkbox_id).checked不推荐使用jquery操作checkbox，感兴趣的朋友不要错过
jquery Id选择器与document.getElementByIdy区别
weixin_30894389的博客
04-05 274
最近写毕设，发现$选择ID时并不能改本身的背景图片； chrom会报如下错误： Uncaught TypeError: Cannot set property 'backgroundImage' of undefined jquery选择器 $(#id) 返回的是jquery对象，用document.getElementById( id )返回的是DOM对象 （1）jquery...
document.getelementbyid()与$(#id)的赋值区别
最新发布
06-08
`document.getElementById()` 是 JavaScript 的原生 DOM 方法，用于获取文档中具有指定 ID 的元素。它返回一个元素对象，可以对其进行各种操作，例如修改样式、添加事件监听器等。 `$("#id")` 则是 jQuery 框架中的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值