1.一定要記得引入jQuery庫,并且要把庫放在最上面.
<script src="js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8">
</script><script type="text/javascript">
$(function(){})
</script>
2.合理使用變量
訪問DOM是javascript應用最慢的方式 蒲障,因此盡量少使用引瀑。使用變量去保存選擇器,這樣會使用cache>來保存吏奸。性能更好黎休。如下
var div = $(".div1")
3.合理使用選擇器
jQuery內(nèi)置很多選擇器 :has(selector) :contain(text)還有一些其他的,這些選擇器不能用 querySelectorAll() 方法,所以需要選擇元素再過濾.如下
$("li:contains('jQuery')");
$('li').filter(":contains('jQuery')");
4.數(shù)組方式使用jQuery對象
運行選擇器的結果是一個jQuery對象浓领。然而,jQuery類庫讓你感覺你正在使用一個定義了index和長度的數(shù)組势腮。
var lis = $("li");
for(var i=0;i<lis.length;i++){
console.log(lis[i]);
}
如果性能是你關注的联贩,那么使用簡單for或者while循環(huán)來處理,而不是$.each()捎拯,這樣能使你的代碼更快.
檢查長度也是一個檢查你的collection是否含有元素的方式泪幌。