背景显示问题

来源:4-2 DOM节点删除之remove()的有参用法和无参用法

Smell_rookie

2018-05-29 22:48

我加入了边框  为何删除包含3的后显示会不顶上边

 .test1 {

        background: #bbffaa;

        width:200px;

        height:100px;

        border:3px solid red;

    }

    

    .test2 {

        background: yellow;

        width:200px;

        height:100px;

        border:3px solid red;

    }

    </style>

</head>


<body>

    <h2>通过jQuery remove方法移除元素</h2>

    <div class="test1">

        <p>p元素1</p>

        <p>p元素2</p>

    </div>

    <div class="test2">

        <p>p元素3</p>

        <p>p元素4</p>

       

    </div>

    <button>通过点击jQuery的remove移除元素</button>

    <button>通过点击jQuery的remove移除指定元素</button>

    <script type="text/javascript">

    $("button:first").on('click', function() {

        //删除整个 class=test1的div节点

        $(".test1").remove()

    })


    $("button:last").on('click', function() {

        //找到所有p元素中,包含了3的元素

        //这个也是一个过滤器的处理

        $("p").remove(":contains('3')")

    })

    </script>


写回答 关注

2回答

  • web_雪花
    2018-08-20 16:32:35

    p标签有默认的margin

  • Smell_rookie
    2018-05-29 22:50:29

    https://img.mukewang.com/5b0d68750001eb5503180184.jpg"p元素4"为何不依靠着上边框

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题