jquery事件注册-43_jquery

 

jquery事件注册-43_jquery_02

 

jquery事件注册-43_ecmascript_03

 

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery.min.js"></script>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: pink;
        }
    </style>
</head>
 
<body>
    <div>11</div>
    <script>
        //单个事件注册
        /*  $("div").click(function() {
                 $(this).css("background", "purple");
             }) */
        //事件处理
        //实现多个事件的绑定
        $("div").on({
            mouseenter: function() {
                $(this).css("background", "purple");
            },
            click: function() {
                $(this).css("background", "green");
            }
        });
    </script>
</body>
 
</html>

运行结果

jquery事件注册-43_jquery_04