03jquery写法

最新推荐文章于 2023-07-05 20:39:17 发布

Kasekale

最新推荐文章于 2023-07-05 20:39:17 发布

阅读量547

点赞数

本文链接：https://blog.youkuaiyun.com/Kasekale/article/details/77887907

版权

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #div1{  border:3px solid pink;
                background: orange;
            }
        li{background: blue;}
    </style>
    <script src="jquery-3.2.1.min.js"></script>
    <script>
    /*  window.onload = function(){

            var oDiv = document.getElementById("div1");

            oDiv.onclick = function(){
                alert(this.innerHTML);
            }

        }   */

        $(function (){
            var oDiv = $("#div1");

            oDiv.click(function(){
                alert($(this).html());
            });

            $("ul").children().css("background","black")

        })
    </script>
</head>
<body>
    <div id="div1">div</div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
</html>