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内置很多选择器 :has(selector) :contain(text)还有一些其他的,这些选择器不能用 querySelectorAll() 方法,所以需要选择元素再过滤.如下
$("li:contains('jQuery')");
$('li').filter(":contains('jQuery')");
4.数组方式使用jQuery对象
运行选择器的结果是一个jQuery对象。然而,jQuery类库让你感觉你正在使用一个定义了index和长度的数组。
var lis = $("li");
for(var i=0;i<lis.length;i++){
console.log(lis[i]);
}
如果性能是你关注的,那么使用简单for或者while循环来处理,而不是$.each(),这样能使你的代码更快.
检查长度也是一个检查你的collection是否含有元素的方式。