用Javascript/jQuery隐藏/删除内容

Question

如何用javascript/jQuery隐藏/删除内容？

<p class="remove">Text removed on load.</p> 

$(document).ready(function(){ 
    //How to hide/remove p element 
}); 

FIDDLE

Answer 1

方法有很多种。您768,16你使用它的一个依赖于任何你想从DOM删除内容或你想让它在DOM但不可见

如果你想从DOM删除你的元素，那么你应该使用remove()

$(document).ready(function(){ 
     $('.remove').remove(); 
}); 

DEMO

如果你想隐藏你的元素也有一些不同的方式。

您可以使用hide()

$(document).ready(function(){ 
    $('.remove').hide(); 
}); 

DEMO2

或者你可以使用visibility:hidden

$(document).ready(function(){ 
    $('.remove').css("visibility","hidden"); 
}); 

DEMO3

甚至left会做你的工作

$(document).ready(function(){ 
    $('.remove').css("left","-999em"); 
}); 

DEMO4

但这个 '黑客' 有性能问题。阅读more

和其他一些我不会建议，但会做的工作。

您可以使用html()

$(document).ready(function(){ 
    $('.remove').html(""); 
}); 

DEMO5

或者你可以使用toggle()

$(document).ready(function(){ 
    $('.remove').toggle(); 
}); 

DEMO6

或者你可以使用opacity:0

$(document).ready(function(){ 
    $('.remove').css("opacity","0"); 
}); 

DEMO7

Answer 2

要真正隐藏它，使用$('.remove').hide();

但你也可以设置CSS属性，就像这样：$('.remove').css({left:-999em});

Answer 3

使用

$(document).ready(function(){ 
    $(".remove").css('visibility','hidden'); 

}); 

Answer 4

只是使用隐藏（ ）

$('your selector here').hide(); 

Answer 5

试试这个：

$(".remove").hide(); 

Answer 6

$('.remove').hide(); hides 

$('.remove').remove(); removes 

你的类名暗示元素应该被删除。