您好,歡迎來到web微博客 設為首頁加入收藏
web微博客最好的資源共享平臺!
精品cms模板和教程都在這里!
web微博客清新上線!

緩存 jQuery 選擇器
2017-02-08 13:56:08   來源:web微博客   評論:0 點擊:

分享到:
想想你在項目中一次又一次地寫了多少相同的選擇器吧。每個 $(‘ element’) 都必須查詢一次整個 DOM,不管它是否曾這樣執行過。作為代替,我們只運行一次選擇器,并把結果儲存在一個變量中:1var b
想想你在項目中一次又一次地寫了多少相同的選擇器吧。每個 $(‘.element’) 都必須查詢一次整個 DOM,不管它是否曾這樣執行過。作為代替,我們只運行一次選擇器,并把結果儲存在一個變量中:

		
1

		
var blocks = $('#blocks').find('li');

現在你能在任何地方使用 blocks 變量而無需每次查詢 DOM 了:


		
1
2
3
4
5
6

		
$('#hideBlocks').click(function () {
blocks.fadeOut();
});
$('#showBlocks').click(function () {
blocks.fadeIn();
});

緩存 jQuery 的選擇器是種簡單的性能提升。

切換淡出 / 滑動

上一篇:阻止鏈接加載
下一篇:jq切換淡出 / 滑動效果

湖南快乐十分走势图表