div与>div区别小结

两者之间的区别:例如div span得到的是div下所有的span元素，而div>span则是取得的div下第一级的span元素。

示例代码如下：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <script src="jquery-1.7.2.min.js"></script>
    <title></title>
    <script>
        $(document).ready(function () {
            $("div span").css("font-size", "20px");
            //$("div>span").css("font-size","20px");
        });
   
    </script>
</head>
<body>
    <div>
        <p><span>博客园1</span></p>
        <span>博客园2</span>
        <span>博客园3</span>
    </div>
</body>
</html>

结果是所有的span元素都变为20px。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <script src="jquery-1.7.2.min.js"></script>
    <title></title>
    <script>
        $(document).ready(function () {
            //$("div span").css("font-size", "20px");
            $("div>span").css("font-size","20px");
        });
   
    </script>
</head>
<body>
    <div>
        <p><span>博客园1</span></p>
        <span>博客园2</span>
        <span>博客园3</span>
    </div>
</body>
</html>

结果是博客园2、博客园3字体变为20px,博客园1则未发生变化。

posted @ 2016-05-04 11:53  张杨  阅读(1406)  评论(4)  编辑  收藏  举报