[JQuery]学习——JQuery编写性能分析
来源:互联网 发布:电子商城微信源码 编辑:程序博客网 时间:2024/06/05 23:47
JQuery性能分析:
理论上来讲,jQuery 提供的方法find()、next()、nextAll()和children()运行速度要快于使
用高级选择器。因为他们实现的算法有所不同,高级选择器是通过解析字符串来获取节点对象,而jQuery 提供的方法一般都是单个选择器,是可以直接获取的。但这种快慢的差异,
对于客户端脚本来说没有太大的实用性,并且速度的差异还要取决了浏览器和选择的元素内
容。
综上所属,最快的是find()方法,最慢的是$('#box p')这种高级选择器。如果一开始将
$('#box')进行赋值,那么jQuery 就对其变量进行缓存,那么速度会进一步提高。
var box = $('#box');
var p = box.find('p');
注意:我们应该推荐使用哪种方案呢?其实,使用哪种都差不多。这里,我们推荐使用
jQuery 提供的方法。因为不但方法的速度比高级选择器运行的更快,并且它的灵活性和扩展
性要高于高级选择器。使用“+”或“~”从字面上没有next 和nextAll 更加语义化,更加清
晰,jQuery 的方法更加丰富,提供了相对的prev 和prevAll。毕竟jQuery 是编程语言,需要
能够灵活的拆分和组合选择器,而使用CSS 模式过于死板。所以,如果jQuery 提供了独立
的方法来代替某些选择器的功能,我们还是推荐优先使用独立的方法。
0 0
- [JQuery]学习——JQuery编写性能分析
- Jquery学习笔记——插件编写
- 学习编写jquery插件—美化表格
- jquery插件编写学习
- 101 jquery选择器性能分析
- jquery插件编写学习小结
- JQuery学习—JQuery的Validform学习
- 编写高性能的jQuery代码
- 编写高性能的jQuery代码
- 编写高性能的jQuery代码
- JQuery 性能分析系列一 —— for与each性能比较
- JQuery入门——编写一个简单的JQuery应用
- JQuery入门—编写一个简单的JQuery应用案例
- jQuery 学习—1
- jQuery 学习—2
- 【JQuery入门学习】——JQuery简介
- jQuery学习笔记——初识jQuery
- jquery学习笔记—jQuery选择器
- java 一行行读取写入txt文档
- tomcat中运行正常的web项目部署至websphere后,spring无法获取bean
- OpenGL ES 从零开始系列9(完结):四元数
- UDP包的最大大小是多少?
- hdu1002 终于对了
- [JQuery]学习——JQuery编写性能分析
- Druid连接池入门
- 解决chrome浏览器,调试本地文件问题
- 带权有向图最短路径
- Linux Free命令与cache和buffer的主要区别
- 关于genymotion的使用
- SHELL模拟多线程脚本
- 执行redis-trib.rb时遇到的问题
- u-boot下tffp 下载与上传