JQuery中的事件

1.DOM加载

1)window.onload = function(){}

网页中所有元素(包括元素的所有关联文件)全部加载完之后才执行。只能保存对一个函数的引用。

加载时机等价于

 $(window).load(function(){

    ...

});

2)$(Document).read(function(){...});在DOM完全就绪时就可以被调用。此时网页中所有元素对JQuery而言都是可以反问的。但是，这不意味着这些元素关联的文件都已经加载完毕。每次调用都会在现有的行为上 追加新行为。这些行为函数会根据注册的顺序依次执行。

等价于$(function(){

 ...

});

2..选取所有单选框

$('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;