1、基础语法学习:

    1、事件绑定

    2、入口函数

    3、样式控制

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>事件绑定</title>
    <script src="../js/jquery-3.3.1.js"></script>

    <script>
        // 给b1按钮添加单击事件

        //js:加载完成后
        // window.onload = function () {
        //      // 1、获取b1按钮
        //      $("#b1").click(function () {
        //         alert("abc");
        //     })
        // }

        /*
            入口函数:window.onload  和  $(function)的区别
                * window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
                * $(function) 可以定义多次
        */
        // $(function(){
        //     alert("1");
        // });
        // $(function(){
        //     alert("2");
        // });
        //jquery入口函数(dom文档加载完成之后执行该函数中的代码)
        $(function () {
            // 1、获取b1按钮
            //事件绑定
            $("#b1").click(function () {
                alert("abc");
            })
        });

        $(function(){
            // 第一种写法
            // $("#div1").css("background-color","red");
            // 第二种写法
            $("#div1").css("backgroundColor","pink");
        })



    </script>
</head>

<body>

    <div id="div1">div1...</div>
    <div id="div2">div2...</div>
    <input type="button" id="b1" value="点我">



</body>

</html>
01-23 01:52