教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery中slideToggle()与toggleClass()用法

Jquery中slideToggle()与toggleClass()用法

发布时间:2016-01-02   编辑:jiaochengji.com
本文介绍了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中与toggleClass等价的程序段 以及未来学习的方向
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
jquery必须知道的一些常用特效方法及使用示例(整理)
jQuery 学习入门篇附实例代码
jquery slideToggle闪烁问题的解决办法
Jquery 常用方法经典总结
jQuery技巧大放送 学习jquery的朋友可以看下

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