GBin1分享:jQuery新手技巧之“避免過多使用$('.someclass')”
原文:net.tusuplus.com 翻譯:GBin1.com
作為nettus+的編輯,我需要檢閱很多的教程。盡管jQuery已經流行了很多年了。但是這里任然有一個經常能夠看到的非常容易犯得錯誤。
樣例 1
首先我們看看如下代碼:
$('.nav a').click(function() {
$(this).hide();
$(this).css('color', 'red');
$(this).show();
alert('something else');
$(this).hide();
return false;
});
以上代碼因為各種原因有些過度復雜。我們這里不關心代碼具體執行的功能。相反,我們關注一下所有的$(this)參考。
現在我們把DOM想象為一個水池。記得你還是個孩子的時候,你肯定會跳進池子里抓魚。而你的父母肯定只是在旁邊觀看。這是一個非常好的現實中的比較。
每一次當你使用$(‘.someclass')的時候,jQuery都會跳到池子(DOM)里尋找魚(Nodes)。因此,當你在一個函數中多次參考的時候,會造成大量的跳水動作。這樣會帶來大量的浪費。為什么在不需要的時候還調用jQuery呢? 你應該執行所謂的“緩存”。
... ...
原文來自:GBin1分享:jQuery新手技巧之“避免過多使用$('.someclass')”
歡迎訪問GBin1.com


浙公網安備 33010602011771號