jquery事件

jQuery其他事件

JS原生写法
                   window.onload = function(){ }


 jQuery写法，等同于上面写法
                  $(window).load(function(){
     })


ready的写法
    $(document).ready(function(){
})


ready的简写
 $(function(){

绑定事件

  只能绑定click事件，不能绑定其他的了
  $('#btn').click(function() {
 Act on the event
 });

//bind方式可绑定多个事件
$('#btn').bind('click mouseover', function() {
    alert('hello!');

//取消绑定事件
$(this).unbind('mouseover');
});

自定义事件

 自定义事件只能用bind方式绑定，第一个参数是事件的名字，第二个参数是事件  发生时执行的函数
           $('#btn1').bind('hello', function(){
            alert('hello');
        })
        $('#btn1').bind('click', function(){
            alert('click');
        })
        $('#btn2').click(function() {
            // trigger即可以触发自定义事件，也可以触发原始的事件
            $('#btn1').trigger('hello');
            $('#btn1').trigger('click');
        });
        
        //不一定点击按钮触发，也可页面加载时触发，也可在满足某种if条件时触发
        // $('#btn1').trigger('hello');