jQuery中hasClass()方法用法实例
作者:bea
本文实例讲述了jQuery中hasClass()方法用法。分享给大家供大家参考。具体分析如下: 此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。 语法结构: 代码如下: $(selector).hasClass(class) 参数列表: 参数 描述 class 用于匹配的类名。 实例代码: 代码如下: <!DOCTYPE html> <html>
本文实例讲述了jQuery中hasClass()方法用法。分享给大家供大家参考。具体分析如下:
此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。
语法结构:
代码如下:
$(selector).hasClass(class)
参数列表:
参数
描述
class
用于匹配的类名。
实例代码:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http:///" />
<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程序设计有所帮助。
有用 | 无用
此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。
语法结构:
代码如下:
$(selector).hasClass(class)
参数列表:
参数
描述
class
用于匹配的类名。
实例代码:
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http:///" />
<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函数分享
- 流量统计器如何鉴别C#:WebBrowser中伪造referer
- Angular用来控制元素的展示与否的原生指令介绍
- jQuery中children()方法用法实例
- angular.element方法汇总
- jQuery中slice()方法用法实例
- angularJS中$apply()方法详解
- jQuery中not()方法用法实例
- jQuery中has()方法用法实例
- jQuery中map()方法用法实例
- jQuery中is()方法用法实例
- JavaScript中document对象使用详解
- jQuery中Form相关知识汇总
- 使用VS开发 Node.js指南
- jQuery实现的图片分组切换焦点图插件
- JavaScript静态类型检查工具FLOW简介
- jQuery中filter()方法用法实例
- JavaScript修改浏览器tab标题小技巧
- ECMAScript 6即将带给我们新的数组操作方法前瞻