jquery事件

jQuery 事件与应用
1.页面加载时触发ready()事件
ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元

素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的：

$(document).ready(function(){})等价于$(function(){});

2.使用bind()方法绑定元素的事件

bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执

行的函数内容就可以，它的绑定格式如下：

$(selector).bind(event,[data] function)

参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。

bind()方法绑多个事件

    <script type="text/javascript">
        $(function () {
            $("#btntest").bind("click leave", function () {
                $(this).attr("disabled", "true");
            })
        });
    </script>

3.使用hover()方法切换事件
hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的

第二个函数，实现事件的切实效果，调用格式如下：

$(selector).hover(over，out);

over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。

hover()方法切换事件

别走！你就是土豪

    <script type="text/javascript">
        $(function () {
            $("div").hover(
            function () {
                $(this).addClass("orange");
            },
            function () {
                $(this).removeClass("orange")
            })
        });
    </script>

4.使用toggle()方法绑定多个函数
toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与

显示的切换，绑定多个函数的调用格式如下：

$(selector).toggle(fun1(),fun2(),funN(),…)

其中，fun1，fun2就是多个函数的名称

5.调用trigger()方法手动触发指定的事件

trigger()方法可以直接手动触发元素指定的事件，这些事件可以是元素自带事件，也可以是自定义的事

件，总之，该事件必须能执行，它的调用格式为：

$(selector).trigger(event)