1.选择:优先用#id,使用.class前面带上tag名称,多次操作是使用变量保存(或链式操作)。
2.sizzle:1.3后采用的选择器引擎采用‘自右向左’取代传统的‘自左向右’,右边选择器更加明确,比如 $('div.class span.class2'),因此在写选择器时需要考虑这点
3.绑定事件时用live()/delegate()取代bind()
4.操作dom时可以先取出dom->操作dom—>恢复到原来的位置
var theForm = $('#myForm');
var formParent = theForm.parent();
theForm.remove();
inputArr.each(function() {
theForm.append(this);
});
formParent.append(theForm);
//or detach().doSomething().appendTo();
5.用find()胜于上下文
var panels = $('div.panel', $('#content'));
var panels = $('#content').find('div.panel');//better
6.用html5
html5有增加很多独特的tag,更多的tag说明对于特定的tag共同使用的元素越少,
选择器引擎有更好的表现
7.大量添加样式时用渲染元素比$.css()好
$('<style type="text/css"> div.class { color: red; } </style>') .appendTo('head');
8.多用对象检测
9.有时用js原始方法更有效率
10.学一些不常用的方法:map(), slice(),stop(), queue(), dequeue(), prevAll(), pushStack(),inArray().
分享到:
相关推荐
jQuery虽然很好用,但是性能却不咋地,此文档描述如何优化jQuery性能。
jquery11中优化及jquery_api这个好的,我在去一家公司面试的时候就问我jquery11中优化的问题
全网最全的JQuery手册大全,是非常完整的参考手册,不论你是初学者或者想深入学习亦或者是为在工作中有备无患,都是非常值得拥有的。 所有手册收藏方便随时查阅,省去您迷失网络海洋中苦苦...《jQuery性能优化技巧》
jQuery 仿Flash炫彩菜单优化版 jQuery 仿Flash炫彩菜单优化版,从前本站发布过类似于这种的菜单,本次重新优化代码发布,不过兼容jQuery的弱项及编者水平,感觉还是不太好,因为本菜单动感、炫丽的元素实现上是基于...
内容全面、丰富、翔实,不仅由浅入深地讲解了jQuery的所有必备基础知识,还介绍了jQuery UI等扩展知识以及jQuery开发中的技巧与性能优化方面的高级知识。 本书极其注重实战,因为动手实践才是掌握一门新技术的最...
JQuery Alert Confirm
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令...
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧...
Javascript优秀框架jQuery最新版1.2.6下载,包括Packed:是jQuery的全功能版本,这个版本的文件大小已经被优化过,比较小了。 Uncompressed:这个也是全功能版的jQuery,只不过,这个版本的代码可读性比较好,便于...
为使读者更好地进行开发实践,《锋利的jQuery(第2版)》的第8章将前7章讲解的知识点和效果进行了整合,打造出一个非常有个性的网站,并从案例研究、网站材料、网站结构、网站样式和网站脚本等方面指导读者参与到项目...
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧...
针对jquery性能优化这个主题,想必大家都有所了解。下面是我搜集点一点资料关于jquery性能优化,大家可以参考参考。 一、选择器性能优化建议 1. 总是从#id选择器来继承:这是jQuery选择器的一条黄金法则。jQuery...
关于jQuery.NumPad的最好的事情之一是,只需设置一些模板,它就可以轻松地适合大多数使用jQuery的UI框架! 数字小键盘可用于填充输入,密码字段,常规单位或整个表格列。 演示版 使用jQuery mobile: : 使用...
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧...
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧...
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
前端发展很快,现代浏览器原生 API...同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API 替代的方法,暂时只支持 IE10+ 以上浏览器。
《锋利的jQuery(第2版)》循序渐进地对jQuery的各种函数和方法调用进行了介绍,读者可以系统地掌握jQuery的选择器、DOM操作、事件和动画、AJAX应用、插件、jQuery Mobile、jQuery各个版本变化、jQuery性能优化和技巧...
jQuery 3.1 中文参考手册,里面有详细的jQuery方法的使用例子,可以很好的帮助新手们学习jQuery的使用。jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架...