jQuery hasclass参数 jquery操作class

您所在的位置:网站首页 prop标签 jQuery hasclass参数 jquery操作class

jQuery hasclass参数 jquery操作class

2023-06-02 19:20| 来源: 网络整理| 查看: 265

一、增加一个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"); });

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3