jQuery 学习心得

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是否含有元素的方式。

5.初学者来说.学习jQuery不错的网站如下

慕课网jQuery;
w3school;