$("#id") 和 document.getElementById('id')的区别

最新推荐文章于 2024-01-31 18:30:38 发布
最新推荐文章于 2024-01-31 18:30:38 发布
阅读量1.1k 收藏
点赞数
分类专栏： 错误累积 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28042463/article/details/52624154
版权

本来以为jquery中的$("#id")就是对js中的document.getElementById()的封装，今天一用才知道$("#id")是获取所有的id节点所以获取的是一个dom节点数组所以而id应该是唯一的所以想要获取id则应该是$(“#id”)[0].
而document.getElementById()则是找到这个dom节点

Emiya_Zero
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中document.getElementByid、document.all和document.layers区分介绍
01-19
document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all[“element”]这样。 document.layers是Netscape 4.x专有的属性，是一个代表所有由储如<div><layer>等定位了的元素的数组。通常也是用<div>或<layer>对象的id属性来引
jquery 中的 $(“#”) 与 js中的document.getElementById(“”)细微区别
gao454917848的专栏
10-24 420
以前没注意过，认为jquery 中的 $("#") 与 document.getElementByIdx_x("") 是一回事，指的是同一个东西。 这次项目开发在使用验证码生成的时候，发现两者不同，使用时需要注意！ 通过以下测试： js中代码 function reloadValidCode(o) {  alert(o);     o.src = "${pageCo
document.getElementById() &document.querySelector()
最新发布
cmHuney的博客
01-31 543
1.在html元素上添加id属性并设置值作为id选择器2.在css中使用设置的id选择器给对应的html元素添加样式，(在css中，id选择器以#开头，如#box)document.querySelector('#id选择器');document.getElementById('id选择器');
# document对象
qq_51216500的博客
05-15 675
** document对象 **属性· referrer 判断是否连接跳入 URL ** 常用方法 getElementById() 对应id getElementsByName() 对应name getElementByTagName（）对应标签
Js中用分析document.getElementsByID获取多个同名对象问题
随时记
12-09 8115
阅读这篇文章是因为在工作中，需要通过document.getElementsByID，获取foreach中每一条数据，然后改变其样式，但是发现只有第一条数据生效，其他数据属性都是null,通过分析之后给foreach中加入动态id，之后找到下面文章，解决的心中的疑惑。 在写了很多js后,会发现在js中总会出现各种各样奇怪的问题,主要的问题是不能获得所需要的对象. 一般来说,我们所需要获得的对象有几...
javascript封装document.getElementById()方法
Molipc的博客
11-08 2227
//封装一个获取元素的fun function byId(id){ return typeof(id) === "string"?document.getElementById(id):id; } 因为Html中元素的id名称一般为字符串类型，所以用typeof判断其类型是否为string； "==="叫做严格运算符，先判断数据的类型，相同的前提下在判断数据的值；
元素获取与设置
gergerfrgegregfd的博客
06-24 6082
一、获取元素有三种DOM方法可以获取元素节点,分别是元素ID,标签名字,类名字1.getElementById:区分大小写,名字要写对. document.getElementById(id). 返回一个对象,对应着document对象里一个独一无二的元素. alert(typeof document.getElementById('content')) 2.getElementsByTagName:返回一个数组对象,对应着文档里有着给定标签的一个元素.alert(d...
JavaScript getElementById()方法介绍
热门推荐
路虽远，行则必至！
06-25 5万+
getElementById() 根据元素的 id 属性获取一个元素节点对象 getElementById()可以根据元素的 id 属性获取一个元素节点对象，该方法所有浏览器均可使用 返回带有指定 ID 的元素，如下图： 我们可以通过 innerHTML 属性(获取或者设置元素的内容(包含 HTML 标签 解析))，如下图： 我们可以通过 innerText 属性(获取或者设置元素的内容 ...
【JavaScript】通过 getElementById 获取到的东西，到底都能干点啥
weixin_45968070的博客
11-03 2637
id：你可以通过 element.id 来获取元素的 id 属性的值。tagName：通过 element.tagName 可以获取元素的标签名，例如元素的标签名是 “DIV”。innerHTML：使用 element.innerHTML 可以获取元素内部的 HTML 内容，包括文本和嵌套元素。textContent：通过 element.textContent 可以获取元素内部的纯文本内容，不包括 HTML 标记。
getElementById的使用方法
GongJoe的博客
03-08 8441
属性获取HTML文档中的元素。该方法接受一个字符串参数，即元素的。是JavaScript中的一个DOM方法，用于根据元素的。如果没有找到匹配的元素，则返回。属性值的第一个元素，如果有多个元素具有相同的。在JavaScript代码中，通过。属性值，则只会返回第一个匹配的元素。属性来修改它们的文本内容。以下是一个示例，演示如何使用。方法获取这两个元素，并使用。属性值，并返回具有该。方法只会返回具有指定。
（4）document：getElementById、getElementByName、getNodeByTagName
FixedStar 的博客
08-06 2861
document对象：该对象将标记型文档进行封装。 该对象的作用：是对可以标记型文档进行操作 最常见的操作是：想要实现动态效果，需要对节点操作，那么要先获取到这个节点操作，那么要先获取到这个节点。 所以document对象最常见的操作就是获取页面中的节点
document.getElementBy(id)与$(#id)有什么区别
12-09
下面简单介绍下：第一个就是js中获取对象的方法,比较直接，如果一个页面有多个id，每次都要写这么长的document.getElementBy(“id”) 代码如下:document.getElementBy(“id”)document.getElementById的简写方式 ...
javascript typeof id===’string’?document.getElementById(id):id解释 原创
11-26
document.getElementById(id):id;} var GetBy = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; 功能都是一样的。 这个函数的作用就是之后用到id选择器可以简写，至于...
JavaScript中也使用$美元符号来代替document.getElementById
01-19
代码如下:function $(id){return document.getElementById(id); 上面的对于新版本的浏览器都是没有问题的，如果使用古老的浏览器，可以使用下面的函数 代码如下:function $(objectId) { if(document.getElementById ...
document.getElementsByName和document.getElementById 在IE与FF中不同实现
01-02
^） 但是对于document.getElementsByName 与document.getElementById 这个两个方法，IE中是并没有严格区分 ID 与 Name 的，比如： [removed] function useGetElementsByNameWithId(id) { var eles = d
Spring MVC prefix 配置问题
学习小窝
07-01 1万+
一开始在配置prefix的时候在WEB-INF前面少加了个/然后就出现了如下的错误<property name="prefix" value="WEB-INF/pages/"></property>在Controller中通过注解控制请求URL@RequestMapping("person/listAll.action")然后在访问的时候就出现了URL：http://localhost:8080/s
问题小记:Idea之tomcat无法debug调试
学习小窝
12-22 3744
记录日常开发中碰到的问题，避免下次依旧无法解决 大家都知道idea，eclipse的debug都是依赖与java agent 与Debug的jmx的技术 最近要开始将公司的一个webapp的老工程迁移到前后端分离工程，以前都是用eclipse+jetty运行的，今天想试试idea运行起来，不想多个ide切换来切换去，在运行tomcat期间发现存在以下报错: but has failed to stop it. This is very likely to create a memory leak. Stac
No Spring Bean annotating Dubbo‘s @Service was found under package
学习小窝
09-14 3463
问题描述： No Spring Bean annotating Dubbo’s @Service was found under package 原因分析： 在dubbo服务启动的时候一直无法扫描到Service注解，通过控制台的ServiceAnnotationBeanPostProcessor类查找133行 //注册指定包路径下的贴有Service的Bean scanner.scan(packageToScan); //查找@Service的所有BeanDefinitionHolders，无论@Comp
IntelliJ IDEA个人设置总结（避免以后又忘了）
学习小窝
06-22 2621
吃了英语不好的亏，在IntelliJ IDEA中代码提示的英文是Basic 第二个设置代码提示忽略大小写 在：Editor-Code Completion页里有个Case sensitive completion，可以设置只第一个字母敏感、完全敏感或者不敏感。在创建新包的时候如果没有其他包则会产生com.example这种情况 这个时候关闭compact empty middle packag
document.getelementbyid()与$(#id)的赋值区别
06-08
`document.getElementById()` 是 JavaScript 的原生 DOM 方法，用于获取文档中具有指定 ID 的元素。它返回一个元素对象，可以对其进行各种操作，例如修改样式、添加事件监听器等。 `$("#id")` 则是 jQuery 框架中的选择器语法，用于获取具有指定 ID 的元素。它也返回一个元素对象，可以对其进行各种操作。相比原生的 `document.getElementById()`，jQuery 提供了更加丰富的方法，例如可以链式调用多个操作、支持选择器组合、支持事件委托等。 在赋值方面，两者的作用是一样的，都是把指定的元素赋值给一个变量，以便后续操作。只不过前者需要使用原生 JavaScript 语法，后者需要使用 jQuery 语法。例如： ```javascript // 使用 document.getElementById() var myElement = document.getElementById("myId"); myElement.style.color = "red"; // 使用 $("#id") var myElement = $("#myId"); myElement.css("color", "red"); ``` 需要注意的是，使用 jQuery 的选择器语法需要先引入 jQuery 库。同时，在一些特殊情况下，例如对于动态添加的元素，原生的 `document.getElementById()` 可能无法获取到，此时可以考虑使用 jQuery 的选择器语法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值