JQuery如何切换元素的可见状态并添加样式/删除样式切换代码

JQuery如何切换元素的可见状态并添加样式/删除样式切换代码

JQuery切换元素的可见状态，添加样式/删除样式切换代码

toggle() 切换元素的可见状态。如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。

示例：

切换所有段落的可见状态。

HTML 代码:

<p>Hello</p><p style=”display: none”>Hello Again</p>

jQuery 代码:

$(“p”).toggle()

结果:

<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>