这篇文章写得很好 jQuery学习笔记—— .addClass()/.removeClass()/.toggleClass()
记录一下自己的理解:
addClass和removeClass都是用于给某个元素来添加或者移除一个Class 传入的类名可以是多个;
代码像这样:
<p id="myElement" class="myClassName">test</p>
$(document).ready(function(){
$("#myElement").click(function(){
$(this).addClass("className1 className2");
});
});
但是toggle会自动判断提供的类名, 如果这个类名存在, 就把这个类名删除, 如果类名不存在就添加这个类名, 代码像这样:
$("selector").toggleClass("className1 className2");
//上面表达式等于
$("selector").toggleClass("className1").toggleClass("className2");