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

        });