jquery 事件

1、toggle toggleClass 切换

 <input type="button" value="toggle" id="toggle"></input>
 <input type="button" value="toggleClass" id="toggleClass"></input>
   
 $("#toggleClass").click(function(){
        $("tr:even").toggleClass("gray");
    });
    $("#toggle").toggle(function(){
        $("tr:even").addClass("gray");
    },function(){
        $("tr:even").removeClass("gray");
    });

 

2、hover  鼠标进入、移出时事件

    
.hover{cursor:pointer; background-color: #afa}    
//hover event
    $(":button").hover(function(){
        $(this).addClass("hover");
    },function(){
        $(this).removeClass("hover");
    });

cursor:pointer;是css标准，cursor:hand不是

3、stopPropagation, preventDefault
   停止事件传播和改变默认行为

            $(document).ready(function(){
                $("#div1").click(function(event){
                    alert("div1 click!" + (event.target == this));
                });        
                $("#div2").click(function(){
                    alert("div2 click!");
                });
                $("#div3").click(function(event){
                    alert("div3 click!");
                    event.stopPropagation()
                });
            });