样式操作主要包括:获取样式和设置样式,追加样式,删除样式,切换样式,判断是否有某个样式。
* 获取样式和设置样式:首先我们要理解样式class属性也属于元素的属性,因此我们可以使用attr()来获取样式和设置样式。
如下所示:
给p元素设置样式
var getClass = $(“p”).attr(“class”);
console.log(getClass);
结果是:myClass
设置样式:var getClass = $(“p”).attr(“class”,“error”);
结果是:
* 追加样式:addClass()
给p元素追加样式
$(“input”).addClass(“another error”);
结果是:
* 删除样式:removeClass()
removeClass()方法:
$(“input”).removeClass(“another error”)
结果是:
* 判断样式是否存在:hasClass();
var isClass = $(“input”).hasClass(“error”);
console.log(isClass);
打印结果为:true
* 切换样式:toggle()方法主要是控制行为上的重复切换。