jQuery 属性操作 - toggleClass() 方法
2017-05-27 10:50
405 查看
定义和用法
toggleClass() 对设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。
不过,通过使用 "switch" 参数,您能够规定只删除或只添加类。
语法
$(selector).toggleClass(class,switch)
参数 描述
class 必需。规定添加或移除 class 的指定元素。如需规定若干 class,请使用空格来分隔类名。
switch 可选。布尔值。规定是否添加或移除 class。
实例
对设 <p> 元素进行样式类 main 和 back 类切换:<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").toggleClass("main back"); }); }); </script> <style type="text/css"> .main { font-size:120%; color:red; } .back{ background-color: #00ff00 } </style> </head> <body> <h1 id="h1">This is a heading</h1> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button class="btn1">切换段落的 "main" 类和 "back"</button> </body> </html>
相关文章推荐
- jQuery 属性操作 - toggleClass() 方法
- jQuery 属性操作 - toggleClass() 方法
- jQuery 属性操作 - hasClass() 方法
- jQuery 属性操作 - addClass() 方法
- jQuery 属性操作 - addClass() 方法
- jQuery 属性操作 - removeClass() 方法
- jQuery 属性操作 - addClass() 方法
- jQuery 属性操作 - removeClass() 方法
- jquery之操作元素属性和特性(获取特性值,attr(name)方法的使用)
- defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
- jquery属性操作 - attr() 方法
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- JQuery对class属性的操作实现按钮开关效果
- jQuery源码分析-13 CSS操作-CSS-类样式-addClass+removeClass+toggleClass+hasClass
- jquery之操作元素属性和特性(操作元素属性,each()方法的使用)
- Jquery重新学习之三[属性addClass(),removeClass(),toggleClass()]
- jquery操作checked属性以及disabled属性的多种方法
- jQuery修改操作css属性实现方法