`
caniggia1986
  • 浏览: 151354 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

一些比较好的jquery优化

阅读更多
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性能优化的关键点: 1. **延迟脚本加载**:如果某些jQuery功能在页面加载后才需要,可以使用`$(window).load()`代替`$(document).ready()`,因为`load`事件会在所有资源(包括图片)加载完成后...

    jquery性能优化高级技巧

    在前端开发中,使用jQuery库能大大简化DOM操作和AJAX调用等任务,然而,如果未经过优化,频繁的DOM操作和不当...正确优化jQuery代码,意味着需要编写更少的代码,达到更好的执行效果,这是每一个前端开发者的必备技能。

    jQuery性能优化指南

    以下是一些关于jQuery性能优化的关键知识点,这些内容可能在"jQuery性能优化指南1.htm、jQuery性能优化指南2.htm、jQuery性能优化指南3.htm"中有所涉及。 1. **选择器优化**:jQuery的选择器是强大的,但过度使用...

    jQuery性能优化28条建议你值得借鉴

    找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。 一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器...

    jquery各版本,jquery1.3-1.7,jquery文件

    jQuery是一款广泛应用于Web开发的JavaScript库,它极大地简化了...通过学习和比较这些版本,开发者不仅可以了解jQuery的历史,也能深入理解JavaScript库的设计思想和最佳实践,从而更好地利用jQuery进行Web开发。

    jQuery 性能优化手册 推荐

    《jQuery性能优化手册》是一份指导开发者提升jQuery代码执行效率的重要文档。以下是对其中关键知识点的详细解释: 1. **始终从ID选择器开始继承**:由于JavaScript的`getElementById()`方法是直接针对ID查找元素,...

    jquery性能优化

    以下是一些关于“jQuery性能优化”的关键点: 一、延迟加载 在网页加载时,jQuery会遍历整个DOM树来绑定事件,这可能导致不必要的性能开销。通过使用`$(document).ready()`或`$(function() {})`来延迟执行代码,...

    关于JQUERY性能的优化

    以下是一些关于jQuery性能优化的关键点: 1. **减少DOM操作**:DOM(Document Object Model)是HTML和XML文档的结构化表示,频繁的DOM操作会显著降低页面性能。尽量减少对DOM的修改,可以先将改动存储在变量中,...

    jquery封装好的js文件

    预封装的 jQuery 文件通常会进行优化,例如合并多个 jQuery 函数,减少网络请求,或者根据项目需求去除了不常用的功能,从而提高页面加载速度和性能。 ### 快速上手 在你的 HTML 页面中引入这个预封装的 JS 文件,...

    JQuery手册大全全套20+本_全网最全_中文_完整_jquery最好学习资料

    全网最全的JQuery手册大全,是非常完整的参考手册,不论你是初学者或者想深入学习亦或者是为在工作中有备无患,都是非常值得拥有的。 所有手册收藏方便随时查阅,省去您迷失网络海洋中苦苦...《jQuery性能优化技巧》

    15天学会jQuery 初学者最好的教材

    9. **性能优化**:讨论如何有效地使用jQuery,避免性能瓶颈,包括延迟加载、减少DOM操作和优化选择器的使用。 10. **兼容性和版本更新**:介绍jQuery对不同浏览器的兼容性,以及如何处理跨浏览器问题,同时讲解新...

    JQuery1.4.1与JQuery1.8.3

    5. **插件支持**:jQuery 1.4.1 为插件开发提供了更好的支持,使得社区能够开发出大量优秀的第三方插件,丰富了jQuery的功能。 ### jQuery 1.8.3 发布于2012年,jQuery 1.8.3 是一个更成熟和稳定版本,继续对功能...

    jQuery.easyui优化版本,解决了页面覆盖的问题

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它提供了一系列的 UI 组件,...同时,结合代码示例和测试案例,可以帮助开发者更好地理解和使用这个优化后的 jQuery EasyUI 版本,从而在项目开发中获得更好的效果。

    最好的 css jquery 桌面 框架

    描述中提到“css写的真好”,这可能意味着这个框架提供了高质量的CSS代码,具有良好的可读性、可扩展性和性能优化。框架可能包含了优雅的过渡效果、易于定制的主题、以及对现代浏览器的良好支持。同时,它可能还提供...

    最新版JQuery-jquery-3.2.1.min.js

    jQuery 3.x 系列是继1.x和2.x后的又一重大更新,它主要关注性能优化、API清理以及对现代浏览器的更好支持。`3.2.1`作为其中的一个小版本更新,主要关注修复已知问题和改进兼容性。 ### 2. jQuery.holdReady(hold) ...

    jquery.dad.js div拖拽排序,及bug优化

    了解其工作原理和常见优化方法,可以帮助我们在实际项目中更好地利用这个库,创建出流畅、稳定的拖拽排序功能。在遇到问题时,通过细致的调试和适当的代码优化,我们可以有效地解决问题,提升用户界面的交互性和实用...

    jquery实现的很好的相册

    在本项目"jquery实现的很好的相册"中,我们将深入探讨如何利用jQuery创建一个功能完善的图片相册,以及涉及到的相关技术点。 首先,jQuery的核心优势在于它的API设计简洁而强大,使得开发者可以更快速地编写动态和...

    Jquery下載,Jquery-3.5.1

    jQuery-3.5.1 版本是该库的一个稳定版本,为开发者提供了丰富的功能和优化的性能。 ### jQuery 的核心概念 jQuery 的主要目标是通过提供简洁的 API 来处理 HTML 文档遍历、事件处理、动画效果和 Ajax 请求。以下是...

Global site tag (gtag.js) - Google Analytics