jQuery使用时注意

1. 属性选择器最好用”“，连续操作可用链式调用
2. dom操作时注意性能问题，不要过度依赖dom，append等放在变量中尽量一次完成插入
3. detach后的元素事件和数据会被保留下来，而empty,remove不会
4. offset相对于整个页面计算偏移，position相对于父offsetParent计算偏移
5. prop是jq的内建属性，处理选中时建议用prop；返回true,false,而attr返回checked,undefined
6. attr和data，data返回原生对象，attr返回对象的类型；获取数据key时key是小写的
7. 绑定事件用on绑定到父元素代理处理多个子元素
   
<ul class="list">
<li><a href="" class="del">del</a></li>
<li><a href="" class="del">del</a></li>
<li><a href="" class="del">del</a></li>
<li><a href="" class="del">del</a></li>
<li><a href="" class="del">del</a></li>
</ul>
<script type="text/javascript">
$(".list").on("click",".del",function(){
//删除方法
e.preventDefault();
$(this).closest("li").remove();
})
</script>

8. return false会做三件事情preventDefault(),stopPropagation,终止调用然后返回，所以阻止默认行为仅仅用e.preventDefault()就可以
9. ajax用data属性放置参数，不建议url+dataType

10. 检测浏览器不再使用.browser,support,应该做单独的判断，如：

    if("localstrage" in window){
        console.log("yes");
    }

11. 一个页面需要兼容峡两个jquery用var jq= $.noConflict();

    var jq= $.noConflict();
    console.log(jq.fn.jquery);

12. mouseover,mouseout会执行多次，mouseenter,mouseleave只执行一次