码迷,mamicode.com
首页 > Web开发 > 详细

JQuery事件与应用(一)

时间:2016-06-09 14:39:43      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:

来源:http://www.imooc.com/learn/11     jQuery基础课程

 

一、使用bind()方法绑定元素的事件

功能:

ready()事件中绑定一个按钮的单击事件,使用bind()方法绑定单击(click)和鼠标移出(mouseout)这两个事件,触发这两个事件中,按钮将变为不可用。

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

结果:

技术分享

 

二、使用hover()方法切换事件

说明:使用hover()方法执行两个函数,当鼠标移在元素上时调用addClass()方法增加一个样式,移出时,调用removeClass()方法移除该样式。

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

技术分享

 

三、使用toggle()方法绑定多个函数

        <script type="text/javascript">
            $(function () {
                $("#btntest").bind("click", function () {
                    $("div").toggle()
                })
            });
        </script>

技术分享

 

JQuery事件与应用(一)

标签:

原文地址:http://www.cnblogs.com/miaoiao/p/5572279.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!