ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

jquery操作class属性

2019-05-20 16:48:25  阅读:270  来源: 互联网

标签:jquery aaa removeClass bbb HTML 属性 class addClass


一、增加一个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,aaa,removeClass,bbb,HTML,属性,class,addClass
来源: https://www.cnblogs.com/mmzz3322/p/10894947.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有