jquery操作class属性

Posted mmzz3322

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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");

}); 

以上是关于jquery操作class属性的主要内容,如果未能解决你的问题,请参考以下文章

jquery操作class属性

jQuery之属性

jquery如何判断元素是否被点击属性操作class操作

jQuery 快捷操作

jQuery---jq操作标签文本(html(),text()),jq操作文档标签(插入,删除,修改),克隆,,jq操作属性,jq操作class属性,jq操作表单value,jq操作css,jq操作盒

jQuery操作元素的属性与样式