Jquery中slideToggle()与toggleClass()用法

发布时间:2020-02-04编辑:脚本学堂
本文介绍了Jquery中slideToggle()与toggleClass()的用法,很经典的小例子,有需要的朋友参考下。

使用jquery如果控制一个标签或一个菜单的显示与隐藏,并且要出现滑动效果,jQuery slideToggle()是最佳的选择,只需一行代码就可以了。

以下总结其用法:
slideToggle()用法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果元素是可见的,则为隐藏,反之亦然也。
例如:
 

复制代码 代码示例:
<script> 
$(function () { 
$("#left .dt2").click(function () { 
$("#left .dt2").removeClass("bimg"); 
$(this).addClass("bimg"); 
$(this).next().slideToggle(XXX);//隐藏或者显示 可带参数表上显示的速度 
}); 
}); 
</script> 

2,添加或者删除某一个标签的属性,会比较经常用到。
其中的2种方法
方法1、
 

复制代码 代码示例:
if(){ 
$(“”).addClass(XXX); 
}else{ 
$(“”).removeClass(XXX); 

 

这种方法虽然可行,但是代码臃肿。
 
方法2、
 

复制代码 代码示例:
$(“”).toggleClass(XXX); 

代码简单。
toggleClass()该方法检查元素中指定的类,如果不存在则添加该类,如果已存在则删除该类。