Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 Jquery中slideToggle()与toggleClass()用法

Jquery中slideToggle()与toggleClass()用法

发布时间:2016-01-02   编辑:www.jquerycn.cn
本文介绍了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()该方法检查元素中指定的类,如果不存在则添加该类,如果已存在则删除该类。

您可能感兴趣的文章:
Jquery中slideToggle()与toggleClass()用法
jquery中toggle与slideToggle的区别
JQuery中操作Css样式的方法
jQuery slideToggle() 方法
jQuery UI API – .toggleClass()
jquery必须知道的一些常用特效方法及使用示例(整理)
jQuery 效果 – 滑动
jquery slideToggle闪烁问题的解决办法
《锋利的jQuery》学习笔记
jquery实现div层的隐藏或显示

关键词: jquery实例  slideToggle  toggleClass   
[关闭]