为什么document.querySelectorAll要bind(document)

最新推荐文章于 2023-04-21 14:22:29 发布
最新推荐文章于 2023-04-21 14:22:29 发布
阅读量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元/天 解锁文章
Hamstery
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web界面设计期末知识点.doc
10-29
1. **选择元素**：`document.getElementById()`、`document.querySelector()` 和 `document.querySelectorAll()` 分别用于通过 ID、CSS 选择器和多个选择器查找元素。 2. **操作元素**：`element.innerHTML` 用于...
分享一道关于闭包、bind和this的面试题
08-31
var lis = document.querySelectorAll("#text li"); for (var i = 0; i < lis.length; i++) { lis[i].onclick = (function(i) { return function() { alert(i); }; })(i); } } init(); ``` **解答三：通过...
正确地缩写 document.querySelector
weixin_34032779的博客
06-18 200
北京的夕阳，伴随淡淡的霾殇。从写字楼望去，光线是那么昏黄。没有孤雁，也没有霞光，遥想当年，还是 jQuery 独霸一方。那时的我们，写程序都习惯了使用 $，至少在对美元符号的喜爱上，与 PHP 达成了一致。 当然，我并不讨论语言，我只说前端。 在 React 大行其道的如今，很少再看到 jQuery 的身影，是它离开了我们吗，还是我们选择了不挽留。总之，我们返璞归真，重新写起了原生的 JavaS...
document.querySelector.bind("document")
weixin_33958366的博客
11-10 784
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 442
bind()的作用：不会直接调用，而是返回一个函数，即克隆了当前的函数；并且将this指向传递的第一个实参上。 可以将document.querySelector 或者document.querySelectorAll 进行封装 var query = document.querySelector.bind(document) 这样就可以直接通过query(‘选择器名称’)来获取元素，简单实用~ 可以参考这个链接，有更详细的介绍~ HTML5中类jQuery选择器querySelector的高级使用 doc
HTML5中类jQuery选择器querySelector的高级使用 document.querySelectorAll.bind(document);
weixin_30876945的博客
01-29 440
基本用法 querySelector 该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找，返回第一个满足条件的元素。---->querySelector得到一个DOM var element = document.querySelector('#container');//返回id为container的dom var e...
javascript如何优雅地操作DOM
weixin_45178716的博客
10-14 172
在以前，操作DOM是一件非常麻烦的事情，虽然现在已经有类似React、Vue、Angular等框架帮助我们更容易地构建界面。但是我们仍然有必要学习原生DOM的操作方式来扩...
vanilla-[removed]我从不被香草JavaScript吓倒
05-01
香草JavaScript 您刚刚编写了一些很棒的原始JavaScript... bind ( document ) ; // works like $('.class') but do $$('.class') var $$ = document . querySelectorAll . bind ( document ) ; 通过元素名称和特定属
样式绑定-tab切换-练习.rar
12-31
const tabContents = document.querySelectorAll('.tab-content'); tabs.forEach(tab => { tab.addEventListener('click', () => { // 移除所有活动状态 tabs.forEach(t => t.classList.remove('active')); tab...
牛奶景观_JavaScript_CSS_下载.zip
04-05
2. **DOM操作**：使用`document.querySelector`或`document.querySelectorAll`选择并修改HTML元素，以更新页面布局或内容。 3. **数据绑定**：如果项目使用了MVVM（Model-View-ViewModel）框架如Vue.js，那么...
document.querySelector()方法
热门推荐
qq_44885775的博客
04-26 6万+
javascript dom 查找匹配
介绍函数用法：document.querySelector
m0_57236802的博客
04-21 1万+
是一个 JavaScript 函数，它允许你通过提供一个 CSS 选择器来选择文档中的第一个匹配的元素。这个函数返回匹配的元素（如果找到了匹配项），否则返回。是一个非常有用的方法，因为它让你可以通过多种选择器轻松地选择和操作 DOM 元素。只返回第一个匹配的元素。如果你想选择文档中的所有匹配的元素，可以使用。这个函数返回一个包含所有匹配元素的 NodeList。是一个包含 CSS 选择器的字符串，用于查找和选择元素。这将选择文档中第一个类型为。这将选择文档中的第一个。
【JS】原生JS操作DOM的各种姿势
01-02 504
获取单个DOM元素 document.querySelector('.element'); // 通过class获取 document.querySelector('#element'); // 通过id获取 document.querySelector('div'); // 通过标签获取 document.querySelector('[name="userName"]'); // 通过属性...
html的document.querySelector()使用
qq_36939013的博客
07-15 3746
HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持，也可以方便的获取DOM元素，语法跟jQuery类似。 获取文档中id=”container”的元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...
创建自己的查询选择器简写
lio-zero 的博客
03-01 63
我们大多数人都熟悉 JQuery，可能相当多的人都熟悉 Chrome 控制台的查询选择器的缩写 $ 和 $$。我最近找到了一种方法在我的代码中复制这些简写，Document.querySelector()、Document.querySelectorAll() 和 Function.prototype.bind()。 以下是如何做到这一点，只要确保在仍在使用 JQuery 时不要将它们与 JQue...
document.querySelector()用法
七十多岁的人了、
02-23 4万+
document.querySelector
document自带的强大的选择器querySelector/querySelectorAll
yubin2009m的博客
07-05 3431
我们用原生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获取元素，只能获取唯一一个 //只能使用...
document.querySelector()与document.querySelectorAll()
weixin_33786077的博客
07-01 877
  document.querySelector()与document.querySelectorAll() CreationTime--2018年7月1日10点49分 Author:Marydon 1.说明 　　他俩是H5提供的选择器，都可以直接获取页面元素并进行操作。 2.区别 　　用法与jQuery里的$()选择器相似； 　　querySelector只能选择第一个匹配的...
var aDiv=document.querySelectorAll('.box')
最新发布
08-15
回答: 这段代码使用了querySelectorAll方法来选择所有class为'box'的元素，并将其赋值给变量aDiv。通过querySelectorAll方法可以选择满足特定条件的多个元素，这里选择了class为'box'的元素。通过这个代码，我们可以得到一个包含了所有class为'box'的元素的NodeList集合。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [HTML5中类jQuery选择器querySelector的高级使用 document.querySelectorAll.bind(document);](https://blog.csdn.net/weixin_30876945/article/details/99481561)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值