JQuery切換元素的可見(jiàn)狀態(tài)，添加樣式/刪除樣式切換代碼
toggle() 切換元素的可見(jiàn)狀態(tài)。如果元素是可見(jiàn)的，切換為隱藏的；如果元素是隱藏的，切換為可見(jiàn)的。
示例：
切換所有段落的可見(jiàn)狀態(tài)。
HTML 代碼:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代碼:
$("p").toggle()
結(jié)果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
使用示例代碼：
<script>
$(document).ready(function(){
$(".index_nav_box span").toggle(function(){
//添加樣式
$(".index_nav").addClass("fadeInUp");
}), function(){
//刪除樣式
$(".index_nav").removeClass("fadeInUp");
});
});
</script>
toggle() 切換元素的可見(jiàn)狀態(tài)。如果元素是可見(jiàn)的，切換為隱藏的；如果元素是隱藏的，切換為可見(jiàn)的。
示例：
切換所有段落的可見(jiàn)狀態(tài)。
HTML 代碼:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代碼:
$("p").toggle()
結(jié)果:
<p tyle="display: none">Hello</p><p style="display: block">Hello Again</p>
使用示例代碼：
<script>
$(document).ready(function(){
$(".index_nav_box span").toggle(function(){
//添加樣式
$(".index_nav").addClass("fadeInUp");
}), function(){
//刪除樣式
$(".index_nav").removeClass("fadeInUp");
});
});
</script>
鄂公網(wǎng)安備 42090202000212號(hào)