你的位置:首页 > Java教程

[Java教程]div与div区别小结


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

示例代码如下:

<!DOCTYPE html><html lang="en" ="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" ="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则未发生变化。