前端小结记录2

1、取消事件的默认动作：
$("a").click(function(event){
event.preventDefault();
});
2、.on(“click”)和.click()的区别：
$（selector）.on('click',function(){ });
支持动态绑定元素，即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素，如绑定body里的动态li元素：
$('body).on('click','ul li',function(){});
若直接绑定动态的li元素将不成功，效果与$('').click()相同。
$('').click()事件只能绑定静态元素。
3.window.onload和$(function(){})区别：
window.onload是js原生的事件（在dom文档树加载完和所有文件加载完之后执行一个函数。）；$(function(){})是Jquery的方法(等价于$(document).ready(function(){}) )，在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。
两者主要有以下几点差别：
a、window.onload：在页面所有资源加载完后执行，如果有多个定义则只执行最后一个
b、$(function(){})：在Dom节点创建完成后执行，如果有多个定义则依次执行
可以看出$(function(){})在window.onload前执行
4.window对象，则会在所有内容加载后触发，包括窗口，框架，对象和图像。如果绑定在元素上，则当元素的内容加载完毕后触发。