博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
怎么使用jquery判断一个元素是否含有一个指定的类(class)
阅读量:7250 次
发布时间:2019-06-29

本文共 1159 字,大约阅读时间需要 3 分钟。

在中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下:(个人喜欢用hasClass())

1.           hasClass(‘classname’)

2.           is(‘.classname’)

以下是一个div元素是否包含一个redColor的例子:

1. 使用is(‘.classname’)的方法

$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

以下是检测一个元素是否含有一个redColor类的例子,含有时,则把其类变为blueColor。

 
 
  .redColor {
        background:red;
  }
  .blueColor {
        background:blue;
  }
 
 
 
  

jQuery check if an element has a certain class

 
  
This is a div tag with class name of "redColor"
 
  

  
is('.redColor')
  
hasClass('.redColor')
  
reset
  

 
    $("#isTest").click(function () {
 
          if($('div').is('.redColor')){
                $('div').addClass('blueColor');
          }
 
    });
 
    $("#hasClassTest").click(function () {
 
          if($('div').hasClass('redColor')){
                $('div').addClass('blueColor');
          }
 
    });
 
        $("#reset").click(function () {
          location.reload();
    });
 
 
 
 
 

 初始效果:

点击is('.redColor')后的效果:

点击hasClass('redColor')的效果与点击is('.redColor')后的效果相同,点击reset的效果与初始效果相同。

你可能感兴趣的文章
如何安装Linux系统
查看>>
[李景山php]每天laravel-20160904|Dispatcher-4
查看>>
利用ICG3000构建L2tp ×××
查看>>
dns记录
查看>>
我的友情链接
查看>>
paramiko在windows上的安装和使用
查看>>
xshll登录脚本
查看>>
让“云”无处不在-Citrix Xenserver之一 环境搭建
查看>>
IT 工具软件集合
查看>>
KVM虚拟化原理与实践
查看>>
WSFC 来宾群集架构
查看>>
快速寻找某IP地址所在的网络交换机端口 - Netdisco
查看>>
51CTO广东线下聚会-技术达人之夜总结篇
查看>>
Git 之——常用命令集合
查看>>
DNS服务器bind的架设笔记
查看>>
CentOS启动提示unexpected inconsistency;RUN fsck MANUALLY解决方法
查看>>
一个问题看系统数据库设计
查看>>
镜像仓库Harbor私服高可用策略分析及部署
查看>>
重写cnodejs学习整理
查看>>
从浏览器渲染的角度谈谈html标签的语义化
查看>>