更好使用jQuery的8個小技巧

2022-01-18 23:39:27 字數 1128 閱讀 8359

更好地使用jquery,這裡總結了8個小技巧。

1、dom遍歷是昂貴的,將變數快取起來。

//不推薦

var h = $('#ele').height();

$('#ele').css('height', h-20);

//推薦

var $ele = $('#ele');

var h = $ele.height();

$ele.css('height',h-20);

2、盡可能地合併函式。

//不推薦

$f.on("click", function());

//推薦

$f.on("click", function());

});3、盡可能使用鏈式操作。

//不推薦

$ele.html();

$ele.on("click",function(){});

$ele.fadein('slow');

//推薦

$ele.on("click",function())

.fadein('slow')

.animate(,500);

4、盡可能保持**簡潔。

//不推薦

if(arr.length > 0){}

//推薦   

if(arr.length){}

5、對dom元素作大量操作,先分離在追加

//不推薦

var $container = $('#somecontainer');

var $ele = $container.first();

.......一系列複雜操作

6、避免通用選擇符。

//不推薦

$('.container > *')

//推薦

$('.container').children()

7、優化選擇符。

//不推薦

$('div#myid')

//推薦

$('#myid')

8、避免隱式通用選擇符。

//不推薦

$('.someclass :radio')

//推薦

$('.someclass input:radio')

參考:

更好使用jQuery的8個小技巧

更好地使用jquery,這裡總結了8個小技巧。1 dom遍歷是昂貴的,將變數快取起來。不推薦 var h ele height ele css height h 20 推薦 var ele ele var h ele.height ele.css height h 20 2 盡可能地合併函式。不推薦...

讓你更好使用Vista的設定技巧

vista一路走來已經較之前作出了許多改進,其中有一些是令人喜歡的,也有一些的確十分惱人,但是無論怎樣,vista是值得我們一試的。如果你已經準備好進行一次vista的體驗,下面,我們將提供給大家新的5條vista的技巧和設定,它們也許能幫助你根據自己的偏好更好的使用vista。1 關閉惱人的ie安...

3使用技巧 實用乾貨!使用蓋碗泡茶的3個小技巧

都說喝茶用蓋碗是一件很有儀式感的事,即使被燙到手,也要微笑著繼續泡茶。這也不是什麼大不了的事情,很多資深茶友,也都是這樣走過來的。畢竟熟能生巧嘛,歷經蓋碗泡茶的磨練後,自然就掌握了使用方法。今日,我就和大家分享一下蓋碗泡茶的3個小技巧 東道汝窯臥龍蓋碗 東道汝窯臥龍蓋碗 1 三點連一線用蓋碗時,食指...