Jquery性能優(yōu)化詳解
尋尋覓覓，覓覓尋尋終于找到了一些關于jquery性能優(yōu)化的文章，小編果斷收藏當然不能忘了加上自己的一些總結(jié)及理解。
首先，之前文章中的jquery鏈式操作就是jquery性能優(yōu)化方式中的一種，具體實現(xiàn)及優(yōu)勢在這里就不重復了哈。其次，jquery的優(yōu)化與web優(yōu)化中的某些方法是一樣的。
a.壓縮js。使用代碼壓縮技術，減小文件體積。（使用jsmin、YUI Compressor等）。
b. 事件默認是向上冒泡的,發(fā)生在子節(jié)點中的事件,可以由父節(jié)點來處理。把事件注冊上提到父節(jié)點上,這 樣就不需要為每個子節(jié)點注冊事件監(jiān)聽.
c.利用緩存，當要多次使用某個jquery對象時，可以將jquery對象緩存到變量里。
var nodeTd = $("table td");
var $cj = $("#cj");
$cj.on("click",function(){
$cj.css("color","blue");}）
jquery結(jié)果緩存，如果需要將jquery結(jié)果對象在程序中的其他地方使用，或者function會多次執(zhí)行，那么就可以將其存放到一變量中。
d.盡量從id選擇器來繼承。因為id的唯一性，id選擇是jquery選擇一個元素最快的方法了。
$("#firstd").slideDown(500);
$("#firstd img").slideUp(500);//利用id選擇器繼承來選擇多個元素
e.使用子查詢
zhuye.on("swiperight","#data li",function(){
$(this).find(".delete").hide();
});//swiperight——看jquery-mobile api內(nèi)容內(nèi)容
f.采用find（），兒不使用上下文查找，.find()函數(shù)更快速些，在上面的e中已有使用。
g.采用jquery的內(nèi)部函數(shù)data()來存儲狀態(tài)（這種性能優(yōu)化方法在百度時第一次見到，例子也暫直接引用他的吧）。
$('#head').data('name', 'value');
// 之后在你的應用中調(diào)用:
$('#head').data('name');
h.最后，使用新版本的 jQuery及簡化jquery代碼。
$(document).ready(function (){
});
$(function (){
});
相關文章
這篇文章主要介紹了JQuery中queue方法用法,結(jié)合實例形式分析了queue方法操作函數(shù)隊列相關技巧與注意事項,需要的朋友可以參考下2019-01-01
下面小編就為大家?guī)硪黄獙嵱胘query操作表單元素的簡單代碼。小編覺得挺不錯的， 現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
凡是運用$,其返回值是一個object $選擇器主要用于選擇標簽.基本用法是同css的選擇器.2010-03-03
jQuery.Validate 使用筆記(jQuery Validation范例 )
學習jQuery Validation，于是手寫一公共范例，并收藏以便后用,里面附有測試代碼，需要的朋友一起來測試。2010-06-06
這篇文章主要為大家詳細介紹了jQuery+ajax實現(xiàn)文件上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
jQuery+vue.js實現(xiàn)的九宮格拼圖游戲完整實例【附源碼下載】
這篇文章主要介紹了jQuery+vue.js實現(xiàn)的九宮格拼圖游戲,結(jié)合完整實例形式分析了jQuery結(jié)合vue.js針對圖片的相關操作技巧,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了jQuery的文檔處理程序,結(jié)合實例形式詳細分析了jQuery文檔處理程序的概念、原理、使用方法與相關注意事項,并詳細講述了文檔處理程序的優(yōu)勢,需要的朋友可以參考下2016-05-05
jquery.validate 自定義驗證方法及validate相關參數(shù)
jquery.validate是一個基于jquery的非常優(yōu)秀的驗證框架，我們可以通過它迅速驗證一些常見的輸入,并且可以自己擴充自己的驗證方法，而且對國際化也有非常好的支持，通過本文給大家介紹jquery.validate 自定義驗證方法及validate相關參數(shù)，需要的朋友一起學習吧2016-01-01
基于jQuery實現(xiàn)自動輪播旋轉(zhuǎn)木馬特效
這篇文章主要介紹了基于jQuery實現(xiàn)自動輪播旋轉(zhuǎn)木馬特效，圖片輪播效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-11-11
這篇文章主要介紹了jQuery元素選擇器用法,通過一個簡單的隱藏div元素實例講述了元素選擇器的用法,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12