jQuery中hasClass()方法用法实例

 更新时间:2015年01月06日 09:56:49   投稿:shichen2014  
这篇文章主要介绍了jQuery中hasClass()方法用法,实例分析了hasClass()方法的功能、定义及验证匹配元素是否包含指定类的使用技巧,需要的朋友可以参考下

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

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

语法结构:

复制代码 代码如下:
$(selector).hasClass(class)

参数列表:

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

实例代码:

复制代码 代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<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程序设计有所帮助。

相关文章

  • jquery中插件实现自动添加用户的具体代码

    jquery中插件实现自动添加用户的具体代码

    当点击添加时自动弹出窗口,填写完毕按确定自动添加到table表格中,有需要的朋友可以参考一下
    2013-11-11
  • 如何使用HTML5地理位置定位功能

    如何使用HTML5地理位置定位功能

    用相对简单的JavaScript代码,可以创建出能确定用户地理位置详细信息的Web应用,包括经纬度以及海拔等。一些Web应用甚至能通过监控用户位置随时间的移动来提供导航功能,其中还综合了GoogleMaps API这样的地图系统。
    2015-04-04
  • 通过jquery的$.getJSON做一个跨域ajax请求试验

    通过jquery的$.getJSON做一个跨域ajax请求试验

    jquery提供了$.getJSON的方法,让我们可以实现跨域ajax请求,但jqueryAPI上的内容实在太少,如何用$.getJSON,请求网站应该返回怎样的数据库才能让$.getJSON获取到,下面我就用一个实际例子来说明下。
    2011-05-05
  • jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象

    jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象

    这篇文章主要介绍了jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象的相关资料,需要的朋友可以参考下
    2016-01-01
  • jquery中动态效果小结

    jquery中动态效果小结

    只需引入jqery.js,不需要引入插件,利用jquery定义的一些基本方法,就能实现诸如隐藏,显示,淡入,淡出,半透明等
    2010-12-12
  • jquery text(),val(),html()方法区别总结

    jquery text(),val(),html()方法区别总结

    jquery text(),val(),html()方法区别总结。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • jquery对ajax的支持介绍

    jquery对ajax的支持介绍

    本文为大家介绍下jquery对ajax的支持性,感兴趣的朋友可以了解下
    2013-12-12
  • JQuery实现简单验证码提示解决方案

    JQuery实现简单验证码提示解决方案

    验证码提示功能在ui界面的登陆及提交窗口中起到了一定的有好作用,极大的提高了用户体验,本文带着这个美好的祝愿为您实现简单验证码提示,需要的朋友可以了解下
    2012-12-12
  • jQuery实现图片走马灯效果的原理分析

    jQuery实现图片走马灯效果的原理分析

    这篇文章主要介绍了jQuery实现图片走马灯效果的原理,结合实例形式较为详细的分析了jQuery实现走马灯的相关html页面设计、css样式布局与jQuery相关函数的使用,需要的朋友可以参考下
    2016-01-01
  • 升级到jQuery 3.6.1遇见的一些坑以及应对办法

    升级到jQuery 3.6.1遇见的一些坑以及应对办法

    Jquery低版本存在安全漏洞,所以需要升级版本,下面这篇文章主要给大家介绍了关于升级到jQuery 3.6.1遇见的一些坑以及应对办法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06

最新评论