1.DOM加载
1)window.onload = function(){}
网页中所有元素(包括元素的所有关联文件)全部加载完之后才执行。只能保存对一个函数的引用。
加载时机等价于
$(window).load(function(){
...
});
2)$(Document).read(function(){...});在DOM完全就绪时就可以被调用。此时网页中所有元素对JQuery而言都是可以反问的。但是,这不意味着这些元素关联的文件都已经加载完毕。每次调用都会在现有的行为上 追加新行为。这些行为函数会根据注册的顺序依次执行。
等价于$(function(){
...
});
$('input[type=radio]')或$(':radio')
3.事件的绑定
$('.demo').bind('click',function(){...});//为class为demo的元素绑定click事件(一般在页面加载的时候就进行绑定)
$('.demo').click(function(){...});//用jquery为class为demo元素添加事件
绑定多个事件类型
$('.demo').bind('click onmouseover',function(){...});//为class为demo的元素绑定click和onmouseover事件
添加事件命名空间
$('.demo').bind('click.plugin',function(){...});
//添加事件命名空间的用途:
当想删除为class为demo的元素的某些绑定事件时,可以删除命名空间就可以$('.demo').unbind('。plugin');没有添加命名空间的绑定事件不会被删除
$('.demo').bind('dblclick',function(){...});//为class为demo的元素添加双击事件
4.合成事件
$('.demo).hover(function(){
//当鼠标移进
},function(){
//当鼠标移出
});
$('.demo').toggle(fn1,fn2,fn3,...fnn);//当依次点击依次触发里面的事件
5.冒泡事件
例:<div id='myDiv'>
<input type='button' id='btn'/>
</div>
当给btn绑定事件,也给myDiv绑定事件,那么点击btn时 之后也会执行父元素的事件,这个就叫做冒泡事件。
停止事件冒泡
$('#btn').bind('click',function(event){
event.stopPropagation();
});
阻止默认行为
例如:<a id='a1' href='http://www.baidu.com' target='_blank'>
$('#a1').bind('click',function(event){
event.preventDefault();//阻止了浏览器的默认行为,点击a不会心打开一个百度页面
});
同时阻止事件冒泡和阻止默认行为都可用return false;