您现在的位置:首页 >> 网页设计 >> Jquery >> 内容

div与>div区别小结--Java学习网

时间:2016-9-6 8:09:23

  核心提示:两者之间的区别:例如div span得到的是div下所有的span元素,而divspan则是取得的div下第一级的span元素。示例代码如下:!DOCTYPE htmlhtml lang='en' x...

两者之间的区别:例如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则未发生变化。

Java免费学习   Java自学网 http://www.javalearns.com

关注微信号:javalearns   随时随地学Java

或扫一扫

随时随地学Java

作者:不详 来源:网络
    你是从哪里知道本网站的?
  • 网友介绍的
  • 百度搜索的
  • Google搜索的
  • 其它搜索过来的
  • 网址输错了进来的
  • 太忙了不记得了
共有评论 0相关评论
发表我的评论
  • 大名:
  • 内容:
本类推荐
  • 没有
本类固顶
  • 没有
  • java学习网(www.javalearns.com) © 2014 版权所有 All Rights Reserved.
  • Email:javalearns@163.com 站长QQ:1356121699 晋ICP备14003680号-3
  • java学习网部分内容来自网络或网友发布,如侵犯了您利益,请发邮件至:javalearns@126.com,我们尽快处理!
  • Java学习网
  • 网站统计
  • 晋公网安备 14042902000001号