jquery操作class属性
一、增加一个class类
//增加一个bbb的class类,aaa与bbb同时存在
$(".aaa").addClass("bbb");
二、 删除一个class类
//删除aaa这个class类
$(".aaa").removeClass("aaa");
三、修改一个class类
//方法一
//先删除,后添加。或者先添加后删除均可
$(".aaa").addClass("bbb").removeClass("aaa");
$(".aaa").removeClass("aaa").addClass("bbb");
//方法二
//利用attr方法
$(".aaa").attr("class","bbb");
//这里需要注意的是,如果这个HTML标签不止有aaa这一个类时,
//这个方法之后,这个HTML标签会只有bbb这一个class类,
//当然也可以设置多个
$(".aaa").attr("class","bbb ccc ddd");
判断是否存在一个class类
//判断HTML标签中是否有bbb这个class类
$(".aaa").hasClass("bbb");
//返回值是一个boolean值,存在返回true,不存在返回false。
四、实例
//实现一个hover功能,鼠标上去为aaa,离开为bbb
$(".ccc").hover(function () {
$(this).addClass("aaa");
$(this).removeClass("bbb");
}, function () {
$(this).addClass("bbb");
$(this).removeClass("aaa");
});