jQuery事件

jQuery其他事件

S原生写法

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');