jQuery中hasClass()方法用法实例


Posted in Javascript onJanuary 06, 2015

本文实例讲述了jQuery中hasClass()方法用法。分享给大家供大家参考。具体分析如下:

此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。

语法结构:

$(selector).hasClass(class)

参数列表:

参数 描述
class 用于匹配的类名。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 

<script type="text/javascript">

$(document).ready(function(){

  alert($("li").hasClass("js"))

})

</script>

</head>

<body>

<div>

  <ul>

    <li>HTML专区</li>

    <li class="js">Javascript专区</li>

    <li>Div+Css专区</li>

    <li>Jquery专区</li>

  </ul>

</div>

</body>

</html>

以上代码可以弹出一个布尔值用以说明检测的class属性值是否存在。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js获取变量
Aug 24 Javascript
js 自动播放的实例代码
Nov 19 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
原生js配合cookie制作保存路径的拖拽
Dec 29 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
Dec 13 Javascript
AngularJS 中的数据源的循环输出
Oct 12 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
vue页面更新patch的实现示例
Mar 25 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
JavaScript实现移动端拖动元素
Nov 24 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 Javascript
jQuery中last()方法用法实例
Jan 06 #Javascript
jQuery中first()方法用法实例
Jan 06 #Javascript
jquery解决客户端跨域访问问题
Jan 06 #Javascript
angular.foreach 循环方法使用指南
Jan 06 #Javascript
angularjs 处理多个异步请求方法汇总
Jan 06 #Javascript
json实现前后台的相互传值详解
Jan 05 #Javascript
jQuery中eq()方法用法实例
Jan 05 #Javascript
You might like
php heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
基于PHP的简单采集数据入库程序
2014/07/30 PHP
详解WordPress中用于更新和获取用户选项数据的PHP函数
2016/03/08 PHP
文本加密解密
2006/06/23 Javascript
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
JavaScript中奇葩的假值示例应用
2014/03/11 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
详解使用vuex进行菜单管理
2017/12/21 Javascript
Nodejs把接收图片base64格式保存为文件存储到服务器上
2018/09/26 NodeJs
详解vuex中action何时完成以及如何正确调用dispatch的思考
2019/01/21 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
2019/07/25 jQuery
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
Python函数中定义参数的四种方式
2014/11/30 Python
Python 多线程抓取图片效率对比
2016/02/27 Python
PyCharm使用教程之搭建Python开发环境
2016/06/07 Python
pandas中的DataFrame按指定顺序输出所有列的方法
2018/04/10 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
Python Selenium库的基本使用教程
2021/01/04 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
欧洲最大的滑雪假期供应商之一:Sunweb Holidays
2018/01/06 全球购物
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
Everything But Water官网:美国泳装品牌
2019/03/17 全球购物
DTD的含义以及作用
2014/01/26 面试题
八荣八耻的活动方案
2014/08/16 职场文书
全国爱眼日活动总结
2015/02/27 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
pycharm部署django项目到云服务器的详细流程
2021/06/29 Python
游戏《我的世界》澄清Xbox版暂无计划加入光追
2022/04/03 其他游戏
Docker官方工具docker-registry案例演示
2022/04/13 Servers
vue动态绑定style样式
2022/04/20 Vue.js