`

话说jquery IE 解释性能问题

阅读更多
首先不得不承认它的优秀 是一个轻量级的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]

0
1
分享到:
评论

相关推荐

    jquery 判断 IE6 浏览器 javascript

    jquery 判断 IE6 浏览器

    jquery 屏蔽IE6 效果

    总结来说,jQuery提供了一定的手段来处理IE6的兼容问题。然而,随着技术发展,完全弃用旧版浏览器的策略也越来越常见。开发者应当考虑到用户的多样性,同时也要关注网站的维护成本和整体体验。合理使用jQuery和相关...

    IE浏览器检测及禁用jQuery插件

    禁用jQuery插件通常是由于它们与IE的兼容性问题或者性能问题。以下是一些可能的策略: 1. 版本匹配:确保使用的jQuery版本与IE浏览器版本兼容。较新的jQuery版本可能不支持较旧的IE版本,因此,可以选择一个同时...

    解决JQuery flexigrid在IE下显示问题,以及数据显示问题

    最近项目要用jquery开发,于是打算用flexigrid做表格功能,但是遇到了数据不能显示、IE下显示等问题(在FF下显示正常)。于是花了2个小时时间对flexigrid.pack.js进行调试,经过苦闷的两个小时后,皇天不负有心人,...

    百度地图轨迹 jquery 兼容ie低版本

    总结来说,要在IE低版本中使用jQuery实现百度地图轨迹功能,关键在于选择合适的jQuery版本、正确引入依赖、有效处理轨迹数据以及注意兼容性问题。通过以上步骤,开发者可以为用户提供一致的用户体验,无论他们使用的...

    基于Jquery模拟Select,解决IE显示问题

    本文将深入探讨如何使用Jquery来模拟Select,以便更好地解决在IE中遇到的显示问题。 首先,让我们了解为什么要在IE中模拟Select。Internet Explorer,特别是早期版本,如IE6、7和8,存在一些与CSS兼容性和渲染问题...

    easyui&jquery兼容版本(兼容IE8的最后版本)

    jQuery同样如此,它不断迭代,追求性能优化和新的API功能,同时也逐渐停止了对旧版IE浏览器的兼容。当使用高版本的jQuery时,可能会遇到与低版本EasyUI的冲突或不兼容问题,尤其是在涉及某些特定的API或者事件处理时...

    jquery插件解决IE6到IE9版本不支持placeholder的问题(包括网页含多个password的特殊处理)

    jquery插件解决IE6到IE9版本不支持placeholder的问题,支持同一个网页包含多个password input的版本。用法:下载插件并引用,将插件代码里面的login-input改成自己的密码input输入框的样式即可。

    jQuery针对IE浏览器低版本测试代码

    由于早期的Internet Explorer(IE)浏览器版本存在许多兼容性问题,jQuery提供了解决这些问题的方法,使得开发者在面对IE低版本时也能顺利进行网页开发。本测试代码集就是针对这一需求而准备的。 jQuery的核心特性...

    Tabs切换卡jQuery代码兼容ie6+主流浏览器

    标题中的“Tabs切换卡jQuery代码兼容ie6+主流浏览器”是指使用jQuery库实现的一种网页界面交互功能,即Tab切换卡片效果。这种效果常见于网页设计中,用于将大量信息分组展示,用户可以通过点击不同的标签页来切换...

    jquery.uploadify.js 兼容IE9

    解决 jquery.uploadify.js 在ie9 下 二次打开失效问题等问题

    jquery IE浏览器版本过低提示.rar

    标题"jquery IE浏览器版本过低提示.rar"暗示了这个问题,即当用户尝试在不支持或版本过低的IE浏览器上运行jQuery代码时,系统会显示一个提示。 首先,我们需要理解jQuery与IE浏览器的兼容性。jQuery 1.x版本支持IE6...

    基于Jquery可居中显示并兼容IE6+/FF等浏览器的瀑布流程序(jquery.easing.js,jquery.vgrid.js实现)

    在本项目中,通过结合Jquery库和两个特定的插件——jquery.easing.js与jquery.vgrid.js,实现了这种布局,并且确保了在包括IE6+以及Firefox在内的多种浏览器中的兼容性。 1. Jquery:Jquery是一个广泛使用的...

    jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐

    jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8,而且chrome 火狐最新版本也有问题,自己动手丰衣足食。分享给给大家。

    基于jquery_二维码生成和打印_兼容IE6-IE8_解决汉字乱码问题.zip

    本资源“基于jquery_二维码生成和打印_兼容IE6-IE8_解决汉字乱码问题.zip”提供了一个解决方案,它使得在老旧的IE6-IE8浏览器上也能生成并打印包含汉字的二维码,这在很多情况下是非常实用的,因为这些老版本的IE...

    jquery easyui datagrid性能优化

    jquery easyui datagrid 性能优化,优化后可快速提升查询性能。唯一的缺陷就是不支持可编辑grid了。只需要在引入easyui.js后面引入此js即可。

    ie8以下浏览器不兼容jquery解决方案

    标题提到的"ie8以下浏览器不兼容jQuery"是一个常见的问题,特别是在需要支持较旧版本Internet Explorer(IE)的应用程序中。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互等...

    jQuery的高性能TreeView 源码

    jQuery的高性能TreeView 源码 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树),用于选择...

    jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug

    在本案例中,"jquery.uploadify.js修复IE9 IE10浏览按钮点击无效的bug",这个问题通常是由于Uploadify与IE9、IE10的交互机制不兼容导致的。在这些版本的IE中,点击浏览按钮可能无法打开文件选择对话框,使得用户无法...

    jquery media插件 在线显示pdf (兼容ie 各个版本 ,火狐,谷歌)

    由于IE浏览器在处理PDF方面存在诸多限制,jQuery Media插件通过使用ActiveX控件或其他技术,确保在IE上也能实现顺畅的PDF预览。 其次,该插件提供了一种直观且易于集成的方式。只需简单的几行代码,开发者就可以将...

Global site tag (gtag.js) - Google Analytics