关于一个新的DOM选择器querySelector
2024-04-08 11:37:00
在传统的javascript中，提到DOM选择器，大家比较熟悉的方式是通过tag，name，id来获取，其实大家都发现如果获取比较复杂的话，用这个方法会很繁琐，这时大家应该都会想到jquery里获取一个元素要比以上方法容易得多。querySelector 和 querySelectorAll 方法是W3C Selectors API规范中定义的。他们的作用是根据 CSS 选择器规范，使用和jquery查询方式一样，便捷定位文档中指定元素。随着现在浏览器的发展，目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。
大家肯定会觉得‘哎呀，这个方法好，可是它性能好吗？为什么我没见人常用这个选择器呢？’。当然，querySelector的性能是不如getElementById的，这也是它的一个缺陷吧。
总结：
- 得到的元素不是需要很麻烦的多次getElementBy..的话，尽量使用getElementBy..,因为他快些。
- 得到的元素需要很麻烦的多次getElementBy..组合才能得到的话使用querySelector，方便。
- 看实际情况，你决定方便优先还是性能优先
参考文件：http://waitstone.sinaapp.com/?p=278
http://www.nowamagic.net/librarys/veda/detail/388
http://www.cnblogs.com/Wayou/p/html5_web_api_queryselector.html 予以为这位大哥写得真的是很棒很棒的
最新文章
- N-Tier Entity Framework开源项目介绍
- mysql部署到云主机的笔记
- Wormholes
- SQL笔记-第五章，函数
- 大数据并行计算利器之MPI/OpenMP
- [Flex] IFrame系列 —— IFrame嵌入html后Alert弹出窗口被IFrame遮挡问题
- 使用Groovy构建自己的脚本环境
- duilib中的V和H布局中滚动条问题
- apache 设置404页面
- 第6章 适配器模式（Adapter Pattern）
- 扫雷游戏制作过程（C#描述）：第一节、创建项目
- SQL图像查看器 —— SQL Image Viewer
- C# 读取网页JSON数据
- 啊 B树
- linux下磁盘存储空间不足
- mysql 连接超慢
- Html5与Css3知识点拾遗（九）
- 【Linux 线程】常用线程函数复习《三》
- CSS3新特性，兼容性，兼容方法总结
- 我用ASP.NET缓存之数据缓存