Làm cách nào để ẩn và hiển thị các phần tử HTML bằng JQuery?

Question

Làm cách nào để ẩn và hiển thị các phần tử HTML bằng JQuery mà không có bất kỳ hiệu ứng đặc biệt nào?

Answer 1

Sử dụng phương pháp hide() và show():

$("selector").hide(); 
$("selector").show(); 

đâu "chọn" là bất cứ điều gì là thích hợp. Giống như:

<script type="text/javascript"> 
$(function() { 
    $("#mybutton").click(function() { 
    $("#mydiv").toggle(); 
    }); 
}); 
</script> 
<div id="mydiv"> 
This is some text 
</div> 
<input type="button" id="mybutton" value="Toggle Div"> 

Phương pháp toggle() chỉ gọi show() nếu ẩn hoặc hide() nếu không muốn nói nó.

Answer 2

$('#someElement').show(); //an element with id of someElement 

$('.someElement').hide(); //hide elements with class of someElement 

$('a').hide(); //hide all anchor elements on the page 

Xem:

http://docs.jquery.com/Effects/show

và

http://docs.jquery.com/Effects/hide

Ngoài ra, sẽ là một ý tưởng tốt để đọc lên trên Selectors:

http://docs.jquery.com/Selectors

Answer 3

Ẩn yếu tố:

$('#myElement').hide(); 

Hiện yếu tố:

$('#myElement').show(); 

Answer 4

Hide: http://docs.jquery.com/Hide

Hiển thị: http://docs.jquery.com/Show

Answer 5

Toggling display:

$('selector').toggle(); 

Hiển thị:

$('selector').show(); 

Hide:

$('selector').hide(); 

Answer 6

$ ("selector") toggle() chuyển phần tử DOM được lựa chọn (s) giữa ẩn và hiển thị. . $ ("bộ chọn"). Hide() ẩn (các) phần tử DOM đã chọn. $ ("bộ chọn"). Show() hiển thị (các) thành phần DOM đã chọn.

Mặc dù vậy, tôi nghĩ bạn có thể giải quyết được sự cố này mà không cần phải tham khảo luồng ngăn xếp. Các tài liệu jquery là khá rõ ràng imo!

xem the jQuery online documentation để hiển thị, ẩn và chuyển đổi.