toggleClass的用法简介

来源:互联网 发布:淘宝店推广方式 编辑:程序博客网 时间:2024/06/08 08:42

用一个例子演示:

一个按钮,点击改变hello world的颜色是不是变红。

<html> <head>  <title> new document </title>  <meta  content="text/html; charset=utf-8" />  <script src="jquery/jquery-2.2.4.min.js"> </script>  <style type="text/css">.c1{color: red;}  </style> </head> <body><div id="div" class="c1">hello world</div><button id="button"> click me</button> </body> <script type="text/javascript">$("#button").on("click", function(){$("#div").toggleClass('c1');}); </script></html>

toggleClass的用法就是,如果你选择的页面元素中(该例为div) 存在class属性,那就去掉calss属性;如果不存在class属性,就添加class属性。

class的方法还有addClass(),removeClass(),hasClass(),添加calss,删除class,判断calss是否存在返回值为true或者false。用法个上边的类似。


1 0