层次选择器

最新推荐文章于 2018-04-16 18:59:13 发布

别有滋味

最新推荐文章于 2018-04-16 18:59:13 发布

阅读量443

点赞数

分类专栏： Jquery 文章标签： div function button input class border

Jquery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        div
        {
            width: 140px;
            height: 140px;
            margin: 5px;
            background: #aaa;
            border: #000 1px solid;
            float: left;
            font-size: 17px;
            font-family: Verdana;
        }
        div.mini
        {
            width: 55px;
            height: 55px;
            background-color: #aaa;
            font-size: 12px;
        }
    </style>

    <script src="JS/jquery-1.3.2.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(function() {
            $("#btn1").click(function() {
                $("body div").css("background", "#bbffaa");
            })
            $("#btn2").click(function() {
                $("body>div").css("background", "#bbffaa");
            })
        })
    </script>

</head>
<body>
   
    <div id="div1">
        <div id="div2" class="mini">
        </div>
    </div>
    <div id="div3">
        <div id="div4" class="mini">
        </div>
    </div>
    <input id="btn1" type="button" value="获取所有body里的div" οnclick="" />
    <input id="btn2" type="button" value="获取所有body里子元素为div的" οnclick="" />
  
</body>
</html>