当前位置: 编程技术>jquery
Jquery中slideToggle()与toggleClass()用法
来源: 互联网 发布时间：2014-10-08
本文导语: 使用jquery如果控制一个标签或一个菜单的显示与隐藏，并且要出现滑动效果，jQuery slideToggle()是最佳的选择，只需一行代码就可以了。 以下总结其用法： slideToggle()用法通过使用滑动效果(高度变化)来切换元素的可见状态。 如...
使用jquery如果控制一个标签或一个菜单的显示与隐藏，并且要出现滑动效果，jQuery slideToggle()是最佳的选择，只需一行代码就可以了。
以下总结其用法：
slideToggle()用法通过使用滑动效果(高度变化)来切换元素的可见状态。
如果元素是可见的，则为隐藏，反之亦然也。
例如：
代码示例:
$(function () {
$("#left .dt2").click(function () {
$("#left .dt2").removeClass("bimg");
$(this).addClass("bimg");
$(this).next().slideToggle(XXX);//隐藏或者显示 可带参数表上显示的速度
});
});
2，添加或者删除某一个标签的属性，会比较经常用到。
其中的2种方法
方法1、
代码示例:
if(){
$(“”).addClass(XXX);
}else{
$(“”).removeClass(XXX);
}
$(“”).addClass(XXX);
}else{
$(“”).removeClass(XXX);
}
这种方法虽然可行，但是代码臃肿。
方法2、
代码示例:
$(“”).toggleClass(XXX);
代码简单。
toggleClass()该方法检查元素中指定的类，如果不存在则添加该类，如果已存在则删除该类。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。