4，对直接的DOM操作进行限制这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。 这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。 例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $("#mylist"); // jQuery 选择到 元素 for (var i=0, l=top_100_list.length; i<l; i++){ $mylist.appe...
1，总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码： 代码如下: 如果采用下面的选择器，那么效率是低效的。 var traffic_button = $("#content .button"); 因为button已经有ID了，我们可以直接使用ID选择器。如下所示： var traffic_button = $("#traffic_button"); 当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到...
在选择时，最好以ID选择符作为开头 我想这个很好理解，因为JQuery内部使用document.getElementByID方法进行ID选择，这种方法比其他所有对DOM选择的方法更快，所以以$("#")开头是最好的,比如: 代码如下: $(".b .c .d")//slow one $("#a .b .c .d")//fast one 提供$()的上下文 在使用$()选择页面元素时，提供选择的范围可以减少选择的时间，换句话说，让选择器只在页面的一小片范围内筛选而不是整个页面当然会减少筛选时间...
在twitter上发现了这篇文章, 简单的摘译了一下:总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 代码如下: 像这样选择按钮是低效的: 代码如下: var traffic_butto...
性能方面：看下图 jquery 1.42最新版框架下载你也可以直接在网页中引入： http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js 新增方法： .delegate( selector, eventType, handler ) 这个函数的确很有用。用于给指定的对象附加一个事件监听。 selector：选择器 eventType：事件类型 handler：监听函数 Delegate这个方法用于替代1.3.2中的.live()方法。...
例如有一段HTML代码： 1.总是从ID选择器开始继承以下是引用片段： 如果采用下面的选择器，那么效率是低效的。以下是引用片段：var traffic_button = $("#content .button"); 因为button已经有ID了，我们可以直接使用ID选择器。如下所示：以下是引用片段：var traffic_button = $("#traffic_button");当然 这只是对于单一的元素来讲。如果你需要选择多个元素，这必然会涉及到 DOM遍历和循环，为了提高性能，建议从最近的ID开始...
将jquery对象缓存起来在 for循环中，不要每次都要访问数组的length属性，我们应该先将对象缓存进一个变量然后再操作，如下所示： 代码如下: var myLength = myArray.length; for (var i = 0; i < myLength; i++) { // 要做的事 } 在循环外使用append 进行DOM操作是有代价的，如果需要往DOM中添加大量元素，你应该一次批量完成，而不是一次一个。 代码如下: // 别这样 $.each(reallyLongArray, function(count, item) { var newL...
在之前的基础上，添加方向键左右支持。 在实际工作中，我们会碰到这样一个情况。在页面中显示着100个数据，同时用户还希望他可以更改其中的数据，普通的方式可能如下，这种方式会出现一个问题，就是页面显示的时候有点慢，同时如果有滚动条的话，会有些卡。下面给出我的一个解决方法，显示的时候全是td的，没有input标签，如下当你点击其中一个td时，就会出现下面这样当你点击td的时候，会在td动态加入一个input同时把td的值赋给in...
下面贴上完整的代码，我走了很多弯路，原因就是看了回复中朋友们的代码，现在想起来其实不用那么费事吧。 代码如下: $(function(){ var o = { showcheck: true}; o.data =; $("#tree").treeview(o); }) 后台 代码如下: public string GetFirJson() { string mystr = "["; DataTable dt = DBUtility.db.ExecuteTable("select * from class where parientid=0"); int a = dt.Rows.Count; for (int i = 0; i { mystr += GetOt...
根据我的项目实践情况，主要是几个关键点： 1：支持静态的树，即一次性将全部数据加载到客户端。2：异步树，即一次只加载一级或若干级节点，子节点可以异步加载数据。3：Checkbox树（可能是静态树也可能是异步树），用于选择（如选择组织机构，选择数据字典项）等，最好是能够支持节点级联（这个是难点）4：能够承载大数据量，并性能表现优异5：能够在主流浏览器中运行良好 那我要打造的TreeView就是为了实现这个5个主要指标的。 先...
新版本中的部分重要改进：attr()、val()和data()方法有了更好的性能；在attr()方法中支持Boolean属性；添加了钩子函数，允许对attr()和val()方法进行扩展；map()方法添加了对对象的支持（将JavaScript对象的属性映射到函数）允许使用相对值（“+=”，“-=”）更新CSS；添加了deferred.always(), deferred.pipe()方法，减少了代码量，提高了代码易读性；同步动画 – 现在所有动画都同步到相同的时间间隔. 使用新的浏览器功能，动画也...
原因是我在测试的时候：带入了错误的变量。具体可以查看图片上的 $(parentID > childClass) 我直接比较两个字符换大小了！ 感谢 html5中文网 QQ群中的 “不见丘比特”。 其中第三点提到父元素与子元素的关系中提到了 从父元素选择子元素的用例： 代码如下: $(.child, $parent) $parent.find(.child) $parent.children(.child) $(#parent > .child) $(#parent .child) $(.child, $(#parent)) 在其所给的测试...
最近，我就对jQuery的选择器使用做了一些个小小的实验，用来说明jQuery的不同选择器在不同的情况下，哪个效率更高，更值得使用。 先在每个测试页面的head中引入google提供的jquery文件和用于测试的小插件firejspt。 代码如下: 1. 最常用的id选择器和class选择器 将以下代码复制200次，置于body标签内。 代码如下: 比较id选择器和class选择器 比较id选择器和class选择器 用于本次测试的JS代码如下： 代码如下: function il...
本文提供即刻提升你的脚本性能的十个步骤。不用担心，这并不是什么高深的技巧。人人皆可运用！这些技巧包括： 使用最新版本 合并、最小化脚本 用for替代each 用ID替代class选择器 给选择器指定前后文 建立缓存 避免DOM操作 避免使用concat()，利用join()处理长字串 返回false值 利用小抄和参考文档 使用最新版本 jQuery一直处于不断的开发和改进过程中。 John 和他的团队不断研究着提升程序性能的新方法。 一点题外话，几个月前他还...
如果对jQuery这东西只停留在用的层面，而不知其具体实现的话，真的很容易用出问题来。这也是为什么近期我一直不怎么推崇用jQuery，这框架的API设定就有误导人们走上歧途之嫌。 代码如下: $.fn.beautifyTable = function(options) { //定义默认配置项，再用options覆盖 return this.each(function() { var table = $(this), tbody = table.children(tbody), tr = tbody.children(tr), th = tbody.children(th), td = tbody.childre...