jQuery 的 .after()
方法用于在被选元素之后插入内容。如果你想去掉使用 .after()
方法添加的样式,你可以使用 .remove()
或 .empty()
方法来移除这些内容。
以下是一个简单的例子,展示了如何使用 jQuery 去掉 .after()
添加的内容:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Remove After Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
// 添加内容
$('#myElement').after('<div class="addedStyle">这是添加的内容</div>');
// 移除添加的内容
$('#removeButton').click(function(){
$('.addedStyle').remove();
});
});
</script>
</head>
<body>
<div id="myElement">这是原始元素</div>
<button id="removeButton">移除添加的内容</button>
</body>
</html>
在这个例子中,当点击 "移除添加的内容" 按钮时,使用 .remove()
方法移除了通过 .after()
添加的带有 addedStyle
类的 <div>
元素。
如果你想去掉样式而不是内容,你可以使用 .css()
方法来修改或清除样式:
$('.addedStyle').css('display', 'none'); // 隐藏元素
// 或者
$('.addedStyle').removeAttr('style'); // 移除所有内联样式
请注意,这些方法只会影响通过 jQuery 添加的内容,如果样式是通过 CSS 文件或者 <style>
标签添加的,你需要直接修改这些样式规则。