首先不得不承认它的优秀 是一个轻量级的js库,但是在某些时候用的时候不注意的用法 会引程序性能大大的降低。
第一,选择器
$("#traffic_light input.on").bind("click", function(){ ... });
$("#traffic_light input.on").css("border", "1px dashed yellow");
$("#traffic_light input.on").css("background-color", "orange");
$("#traffic_light input.on").fadeIn("slow");
$("#traffic_light input.on").each(function(){
});
像这些方法 在firefox 上看不出效果 但是在IE 上运行完全不一样,因为jquery 自身选择就每次去找这个对象自身不知不觉进入循环中 。
比如像 .css 这方法 去改变样式和直接for 拼在 style =“”中的效果 相差 1000ms (当然Doc比较大时候)
第二,尽量减少js each(循环) 的次数
第三,若同一个对象要用多次的时候,尽量用一个对象存储(或全局变量) ,这样jquery只会去查找一次,而不会你上面一次查找多次 。
第四,查找时尽量用ID 尽量少用class 查找(本人测试过,速度有非常大的差异)
第五,尽量使用原生的JavaScript方法,因为它不需要拐弯抹角的去调用许多函数。
相关文档可参考:
[url]https://docs.google.com/View?docID=dft4vhq9_22g93szvdd&revision=_latest
[/url]
[url]https://docs.google.com/View?docID=dft4vhq9_23cnccgwc7&revision=_latest
[/url]
[url]https://docs.google.com/View?docid=dft4vhq9_21hjb7j9fz&revision=_latest
[/url]
分享到:
相关推荐
jquery 判断 IE6 浏览器
总结来说,jQuery提供了一定的手段来处理IE6的兼容问题。然而,随着技术发展,完全弃用旧版浏览器的策略也越来越常见。开发者应当考虑到用户的多样性,同时也要关注网站的维护成本和整体体验。合理使用jQuery和相关...
禁用jQuery插件通常是由于它们与IE的兼容性问题或者性能问题。以下是一些可能的策略: 1. 版本匹配:确保使用的jQuery版本与IE浏览器版本兼容。较新的jQuery版本可能不支持较旧的IE版本,因此,可以选择一个同时...
最近项目要用jquery开发,于是打算用flexigrid做表格功能,但是遇到了数据不能显示、IE下显示等问题(在FF下显示正常)。于是花了2个小时时间对flexigrid.pack.js进行调试,经过苦闷的两个小时后,皇天不负有心人,...
总结来说,要在IE低版本中使用jQuery实现百度地图轨迹功能,关键在于选择合适的jQuery版本、正确引入依赖、有效处理轨迹数据以及注意兼容性问题。通过以上步骤,开发者可以为用户提供一致的用户体验,无论他们使用的...
本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...
jQuery同样如此,它不断迭代,追求性能优化和新的API功能,同时也逐渐停止了对旧版IE浏览器的兼容。当使用高版本的jQuery时,可能会遇到与低版本EasyUI的冲突或不兼容问题,尤其是在涉及某些特定的API或者事件处理时...
jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。
由于早期的Internet Explorer(IE)浏览器版本存在许多兼容性问题,jQuery提供了解决这些问题的方法,使得开发者在面对IE低版本时也能顺利进行网页开发。本测试代码集就是针对这一需求而准备的。 jQuery的核心特性...
标题中的“Tabs切换卡jQuery代码兼容ie6+主流浏览器”是指使用jQuery库实现的一种网页界面交互功能,即Tab切换卡片效果。这种效果常见于网页设计中,用于将大量信息分组展示,用户可以通过点击不同的标签页来切换...
解决 jquery.uploadify.js 在ie9 下 二次打开失效问题等问题
标题"jquery IE浏览器版本过低提示.rar"暗示了这个问题,即当用户尝试在不支持或版本过低的IE浏览器上运行jQuery代码时,系统会显示一个提示。 首先,我们需要理解jQuery与IE浏览器的兼容性。jQuery 1.x版本支持IE6...
在本项目中,通过结合Jquery库和两个特定的插件——jquery.easing.js与jquery.vgrid.js,实现了这种布局,并且确保了在包括IE6+以及Firefox在内的多种浏览器中的兼容性。 1. Jquery:Jquery是一个广泛使用的...
jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8,而且chrome 火狐最新版本也有问题,自己动手丰衣足食。分享给给大家。
本资源“基于jquery_二维码生成和打印_兼容IE6-IE8_解决汉字乱码问题.zip”提供了一个解决方案,它使得在老旧的IE6-IE8浏览器上也能生成并打印包含汉字的二维码,这在很多情况下是非常实用的,因为这些老版本的IE...
jquery easyui datagrid 性能优化,优化后可快速提升查询性能。唯一的缺陷就是不支持可编辑grid了。只需要在引入easyui.js后面引入此js即可。
标题提到的"ie8以下浏览器不兼容jQuery"是一个常见的问题,特别是在需要支持较旧版本Internet Explorer(IE)的应用程序中。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等...
jQuery的高性能TreeView 源码 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树),用于选择...
在本案例中,"jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug",这个问题通常是由于Uploadify与IE9、IE10的交互机制不兼容导致的。在这些版本的IE中,点击浏览按钮可能无法打开文件选择对话框,使得用户无法...
由于IE浏览器在处理PDF方面存在诸多限制,jQuery Media插件通过使用ActiveX控件或其他技术,确保在IE上也能实现顺畅的PDF预览。 其次,该插件提供了一种直观且易于集成的方式。只需简单的几行代码,开发者就可以将...