用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 

你的類名暗示元素應該被刪除。