课程

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

为什么在框里最上面会出现一条横线

来源：2-4 jQuery选择器之全选择器（*选择器）

慕神1662884

2018-09-25 23:31

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <style>

    div {

        width: 100px;

        height: 90px;

        float: left;

        padding: 5px;

        margin: 5px;

        background-color: #EEEEEE;

    }

    </style>

    <script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script>

</head>

<body>

    <div class="aaron">

        <p>class="aaron"</p>

        <p>选中</p>

    </div>

    <div class="aaron">

        <p>class="aaron"</p>

        <p>选中</p>

    </div>

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery选中</p>

    </div>

    <div class="imooc">

        <p>class="imooc"</p>

        <p>jQuery选中</p>

    </div>

    <script type="text/javascript">

        //获取页面中所有的元素

        var elements1 = document.getElementsByTagName('*');

    </script>

    <script type="text/javascript">

        //获取页面中所有的元素

        var elements2 = $("*")       ;

        //原生与jQuery方法比较

        //===表示数据和类型都相等

        if(elements2.length === elements1.length){

           elements2.css("border","1px solid red");

        }

    </script>https://img4.mukewang.com/5baa54b500018ea403870298.jpg

</body>

</html>


写回答 关注

3回答

  • 我叫唯爱i
    2018-09-27 09:17:22

    你的elements1 获取了所有元素，给body加上了border，body的子元素是左浮动高度塌陷问题所以出现了横杆

    0 1
  • qq_土地公_0
    2018-09-26 10:52:41

    你的设置了两个边框


    0 0
  • qq_土地公_0
    2018-09-26 10:46:25

    把   margin: 5px;删掉

    0 0

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题

为什多出一条线呢

回答 2

最外免得边框和上面的一条是什么元素啊（截图中黑色边框部分）

回答 8

最外面的框线是怎么回事？

回答 2

大神们，求解！为什么外面的大框框没有在上面，没有包围住里面框啊？

回答 3

最后的代码和前面的一起运行就在第二个框里面显示，为什么呢

回答 1

打开慕课网App查看更多内容