Jquery 注册事件的例子

发布时间:2020-04-04编辑:脚本学堂
本文介绍了jquery 注册事件的用法,有关Jquery 注册事件的例子,有需要的朋友参考下。

例子,jquery 注册事件 实例代码。
 

复制代码 代码示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>事件绑定_jquery_www.jb200.com</title>
    <script src="../js/jquery-1.5.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        var oldColor;
        $(function () {
            //注册ID为btnTest的按钮的click事件
            $("#btnTest").click(function () {
                var $divs = $("div");
                $divs.html("我是修改后的Div文本");
            });

            //注册ID为btnTest的按钮的mouseover事件,鼠标经过时添加背景色
            $("#btnTest").mouseover(function () {
                oldColor = $("#btnTest").css("background-color");
                $("#btnTest").css("background-color", "green");
            });

            //注册ID为btnTest的按钮的mouseout事件,鼠标离开时还原背景色
            $("#btnTest").mouseout(function () {
                $("#btnTest").css("background-color", oldColor);
            });
        });
    </script>
</head>
<body>
    <div id="main">
        <div id="div1" class="myDiv">我是div1
            <div id="divSun">我是孙子div
                <div id="divSunSun">我是孙子的孙子div</div>
            </div>
            <div id="divSun1">我是孙子div</div>
        </div>
        <div id="div2" class="myDiv">我是div2</div>
    </div>
    <div id="main1"></div>
    <div id="main2"></div>
    <input id="btnTest" type="button" value="测试按钮" />
    <div id="main3"></div>   
</body>
</html>