为什么document.querySelectorAll要bind(document)

最新推荐文章于 2023-11-29 08:47:53 发布
最新推荐文章于 2023-11-29 08:47:53 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： 思考
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SKY_Lake/article/details/103848729
版权
本文探讨了在JavaScript中为何需要将document.querySelectorAll与document绑定，分析了this的指向问题，指出错误的理解，并通过实例解释了正解，得出结论在window对象下直接调用querySelectorAll无法找到标签。
摘要由CSDN通过智能技术生成
最低0.47元/天 解锁文章
document.querySelector()方法
m0_67402914的博客
08-01 3102
querySelector()方法仅仅返回匹配指定选择器的第一个元素。
apply，call，blind 方法总结
weixin_43164078的博客
09-17 351
apply()方法 1.作用：apply()方法调用一个函数 ，可以改变函数的this指向 2.语法规范：fun.apply(thisArg,[argsArray]) 3.参数： (1)thisArg:在fun函数运行时指定的this值 （2）argsArray:传递的值，必须包含在数组里面 （3）返回值就是函数的返回值 4.主要应用： 可以利用apply借助数学内置对象求最大值 测试代码： bind()方法 1.作用：bind()方法不会调用函数，但是能改变函数内部this指向 2.语法规范：fun.bi
正确地缩写 document.querySelector
weixin_34032779的博客
06-18 222
北京的夕阳，伴随淡淡的霾殇。从写字楼望去，光线是那么昏黄。没有孤雁，也没有霞光，遥想当年，还是 jQuery 独霸一方。那时的我们，写程序都习惯了使用 $，至少在对美元符号的喜爱上，与 PHP 达成了一致。 当然，我并不讨论语言，我只说前端。 在 React 大行其道的如今，很少再看到 jQuery 的身影，是它离开了我们吗，还是我们选择了不挽留。总之，我们返璞归真，重新写起了原生的 JavaS...
document.querySelector.bind("document")
weixin_33958366的博客
11-10 800
document.querySelector.bind("document") Making a short alias for document.querySelectorAll I'm going to be running document.querySelectorAll() a whole lot, and would like a...
结合bind封装querySelector()
Hello World
08-02 487
bind()的作用：不会直接调用，而是返回一个函数，即克隆了当前的函数；并且将this指向传递的第一个实参上。 可以将document.querySelector 或者document.querySelectorAll 进行封装 var query = document.querySelector.bind(document) 这样就可以直接通过query(‘选择器名称’)来获取元素，简单实用~ 可以参考这个链接，有更详细的介绍~ HTML5中类jQuery选择器querySelector的高级使用 doc
js中的document.querySelector()方法
withkai44的博客
11-29 1万+
ParentNode.querySelectorAll()的结果是NodeList数组，但是又不是一般的js数组（Array），所以也不能直接调用Array的方法。当页面中出现多个相同class标签(或者多个相同标签(比如多个div))时，如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代。位于元素之前，元素将会被设置指定的背景颜色，总结，多元素选择时，哪个先匹配就是谁咯，只有一个被选中。querySelector() 方法仅仅返回匹配指定选择器的第一个元素。
HTML5中类jQuery选择器querySelector的高级使用 document.querySelectorAll.bind(document);
weixin_30876945的博客
01-29 463
基本用法 querySelector 该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找，返回第一个满足条件的元素。---->querySelector得到一个DOM var element = document.querySelector('#container');//返回id为container的dom var e...
vue document.querySelectorAll 获取的dom 设置dom.scrollTop 无效
最新发布
11-30
在Vue.js中，当你使用`document.querySelectorAll`获取DOM元素集合，并试图通过`.scrollTop`属性直接设置滚动位置时，可能会遇到一些限制或无效的情况。Vue是数据驱动的框架，它会监听DOM的变化，并尝试与你的组件...
var aDiv=document.querySelectorAll('.box')
08-15
- *1* *2* *3* [HTML5中类jQuery选择器querySelector的高级使用 document.querySelectorAll.bind(document);](https://blog.csdn.net/weixin_30876945/article/details/99481561)[target="_blank" data-report-click...
vue doucment.querySelectorAll获取不到新增的元素
10-25
Vue.js 中的 `document.querySelectorAll` 是原生 JavaScript 的方法，它用于选择文档中匹配指定 CSS 选择器的所有元素。然而，如果你发现这个方法无法获取到动态添加到 DOM 中的新元素，那是因为 Vue 没有立即更新...
介绍函数用法：document.querySelector
m0_57236802的博客
04-21 1万+
是一个 JavaScript 函数，它允许你通过提供一个 CSS 选择器来选择文档中的第一个匹配的元素。这个函数返回匹配的元素（如果找到了匹配项），否则返回。是一个非常有用的方法，因为它让你可以通过多种选择器轻松地选择和操作 DOM 元素。只返回第一个匹配的元素。如果你想选择文档中的所有匹配的元素，可以使用。这个函数返回一个包含所有匹配元素的 NodeList。是一个包含 CSS 选择器的字符串，用于查找和选择元素。这将选择文档中第一个类型为。这将选择文档中的第一个。
document.querySelector和querySelectorAll方法
zzj19990913的博客
02-09 1257
querySelector和querySelectorAll是W3C提供的 新的查询接口，其主要特点如下： 1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。 2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。 3、返回的结果是静态的，之后对document结构的改变不会影响到之前取到的结果。 这两个方法...
【JS】原生JS操作DOM的各种姿势
01-02 544
获取单个DOM元素 document.querySelector('.element'); // 通过class获取 document.querySelector('#element'); // 通过id获取 document.querySelector('div'); // 通过标签获取 document.querySelector('[name="userName"]'); // 通过属性...
html的document.querySelector()使用
qq_36939013的博客
07-15 3849
HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。 获取文档中id=”container”的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...
创建自己的查询选择器简写
lio-zero 的博客
03-01 103
我们大多数人都熟悉 JQuery，可能相当多的人都熟悉 Chrome 控制台的查询选择器的缩写 $ 和 $$。我最近找到了一种方法在我的代码中复制这些简写，Document.querySelector()、Document.querySelectorAll() 和 Function.prototype.bind()。 以下是如何做到这一点，只要确保在仍在使用 JQuery 时不要将它们与 JQue...
document.querySelector()用法
热门推荐
七十多岁的人了、
02-23 4万+
document.querySelector
document自带的强大的选择器querySelector/querySelectorAll
yubin2009m的博客
07-05 3552
我们用原生document的时候往往使用 document.getElementById 这种依靠class ,Id ,标签名 ,来获得想找到的节点。 这在逻辑结构比较简单的时候还是不错的选择，可是当结构层级复杂事，就不是那么好用了。 这个时候 我们就可以使用 document提供的另外一个强大的方法,querySelector/querySelectorAll ,这个方法支持css的样式写法
选择器 document.querySelector()
蒲公英芽的博客
01-03 1万+
获取页面中的元素可以通过以下几种途径： 通过 id 名 通过 标签名 通过 class 名 通过 name 的值 querySelector 对应的方法为： document.getElementById("")，根据id获取元素，只能获取唯一一个，只能使用document获取。 document.getElementById(""); //根据id获取元素，只能获取唯一一个 //只能使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值