背景显示问题
我加入了边框 为何删除包含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>
"p元素4"为何不依靠着上边框