jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例

① slideToggle() 方法通过使用滑动效果（高度变化）来切换元素的可见状态。
如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。
示例：通过使用滑动效果，在显示和隐藏状态之间切换

元素，点一次段落隐匿，再点，段落出现。

 $(document).ready(function () {$(".btn1").click(function () {$("p").slideToggle();});});<p>This is a paragraph.</p><button class="btn1">Toggle</button>

② toggleClass() 对设置或移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

$(document).ready(function () {$("button").click(function () {$("p").toggleClass("main");});});

jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例相关推荐

jquery中的ready方法和window的onload方法的区别
jquery中的ready方法和window.onload的区别区别 jquery的ready方法在网页中的DOM结构加载完成后执行.window.onload()必须等到网页全部加载完毕(包括图片 ...
Java 8 辣么大（lambda）表达式不慌之—–（四）示例-Collectors中的中的joining 方法和mapping方法
Java 8 辣么大(lambda)表达式不慌之-–(四)示例-Collectors中的joining 方法和mapping方法 joining 方法 mapping方法先定义好后面做示例要用的数据 ...
浅谈BufferedReader中的read()方法和readLine()方法
浅谈BufferedReader中的read方法和readLine方法前言:本人比较菜啦,如果有错误,还请大佬指正. 1. read方法查看API文档我们可以发现BufferedReader类中的 ...
JS中的call()方法和apply()方法用法总结
1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法. 2. 相同点:这两个方法的作用是一样的. 都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖 ...
asp.net TemplateField模板中的Bind方法和Eval方法
TemplateField模板中为了能够有限制的或者取出数据库中某列的值时,可以用Bind和Eval方法来实现.以下是Bind方法的格式,Eval的格式也是和Bind一样的. Bind("列 ...
TP框架中的A方法和R方法
ThinkPHP 跨模块调用操作方法(A方法与R方法) 跨模块调用操作方法前面说了可以使用 $this 来调用当前模块内的方法,但实际情况中还经常会在当前模块调用其他模块的方法.ThinkPHP 内 ...
【网络】HTTP中的GET方法和POST方法
1.GET方法:获取资源 GET方法用来请求访问已被URL识别的资源.指定的资源经服务器端接续后返回内容.也就是说,如果请求的资源是文本,那就保持原样返回:如果像是CGI(Conmmon Gatewa ...
普歌-码灵团队-java中的equals方法和toString方法及总结
普歌-码灵团队:Object类中的方法介绍及其用法一.Object类二.方法介绍 1.toString方法 2.重写equals方法: 3. 拓展三.总结一.Object类的简单介绍二.Ob ...
Android Handler中的handleMessage方法和post方法之源码剖析
我们都知道,在子线程中进行UI操作(更新UI控件)包括以下四种方法: 1.Handler的handlerMessage()方法. 2.Handler的post()方法. 3.View的post()方法 ...

jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例

jQuery中的slideToggle( )方法和toggleClass( )方法的使用示例相关推荐

最新文章

热门文章