jQuery在学习之四、jQuery事件与动画

前言

jQuery的事件取消了普通的javascript事件中的on，所以调用jQuery的事件是不需要on的，这样就更方便我们的使用了。

1          页面载入事件，例：

$(function(){
        //此处的代码是在dom树加载完后才执行的
    });

2          事件切换

$(function(){
        $("#yy").hover(
            function(){$(this).text("666");},
            function(){$(this).text("999");}
        );
});
 
    <div id="yy">333</div>

当鼠标悬浮与id为yy的元素上时调用第一个函数，离开时调用第二个函数。

3          事件

​​http://mysuc.com/test/jQuery_Api/​​

参看上面的地址

4          效果

4.1        显示隐藏的元素

$("#yy").show();
        $("#yy").show("slow");
        $("#yy").show(400);

show函数中的值为显示速度，可以为slow、fast或数值（单位是毫秒）。

4.2        隐藏显示的元素

$("#yy").hide();
        $("#yy").hide("slow");
        $("#yy").hide(400);

4.3        切换元素的可见状态

$("#yy").click(function(){
            $("#tt").toggle(300);
        });