如何使用 javascript/jQuery 隐藏/删除内容?
<p class="remove">Text removed on load.</p>
$(document).ready(function(){
//How to hide/remove p element
});
最佳答案
方法有很多种。您应该使用哪个取决于您是否希望从 DOM
中删除您的内容。或者你想要它在 DOM
但不可见
如果你想从 DOM 中移除你的元素,那么你应该使用 remove()
$(document).ready(function(){
$('.remove').remove();
});
如果您想隐藏您的元素,有一些不同的方法。
您可以使用 hide()
$(document).ready(function(){
$('.remove').hide();
});
或者您可以使用 visibility:hidden
$(document).ready(function(){
$('.remove').css("visibility","hidden");
});
甚至left
会做你的工作
$(document).ready(function(){
$('.remove').css("left","-999em");
});
但是这个“hack”有性能问题。阅读more
还有其他一些我不推荐但可以完成工作的方法。
您可以使用 html()
$(document).ready(function(){
$('.remove').html("");
});
或者您可以使用 toggle()
$(document).ready(function(){
$('.remove').toggle();
});
或者您可以使用 opacity:0
$(document).ready(function(){
$('.remove').css("opacity","0");
});
关于javascript - 使用 Javascript/jQuery 隐藏/删除内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22375704/