jQuery中hasClass()方法用法实例
本文实例讲述了jQuery中hasClass()方法用法。分享给大家供大家参考。具体分析如下:
此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。
$(selector).hasClass(class)
参数列表:
参数 | 描述 |
class | 用于匹配的类名。 |
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://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表单验证插件formValidator(改进版)
枚举对象的使用: 复制代码 代码如下: //各种验证方式支持的标签类型 sustainType: function (elem, setting) { var srcTag = elem.tagName; var stype = elem.type; switch (setting.validatetype) { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.InputValidator: if (srcT
-
jQuery使用addClass()方法给元素添加多个class样式
本文实例讲述了jQuery使用addClass()方法给元素添加多个class样式的方法.分享给大家供大家参考.具体如下: jQuery通过addClass()方法给元素添加多个class,只需要在添加的class中用空格分开多个class既可 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> </script> <script> $(doc
-
jValidate 基于jQuery的表单验证插件
网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的.如下面的例子: 复制代码 代码如下: <input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvme
-
jQuery 表单验证插件formValidation实现个性化错误提示
其效果图如下:使用说明 需要使用jQuery库文件和formValidation库文件[下载实例代码] http://jquery.com/ 同时需要自定义显示提示错误信息的CSS样式 使用实例 一,包含文件部分 复制代码 代码如下: <script src="jquery.js" type="text/javascript"></script> <script src="jquery.validationEngine.js&
-
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008-07-22 14:47 bug描述:ajaxValidator函数在提交后发生错误,停留在本页面后,再次触发校验会让提示内容一直处于onload状态. 这个bug已经修复,请重新下载. 2008/7/17 14:12:00 jQuery formValidator 3.1ver 1.为inputValidator增加empty属性.用于设置控件文本值是否允许两边为空.具体请看demo1里的密码的校验代码. 该属性是个对象,默认值{leftempty:true,rightempty:tr
-
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
废话不多说,直接上代码 复制代码 代码如下: function addClass(obj, cls){ var obj_class = obj.className,//获取 class 内容. blank = (obj_class != '') ? ' ' : '';//判断获取到的 class 是否为空, 如果不为空在前面加个'空格'. added = obj_class + blank + cls;//组合原来的 class 和需要添加的 class. obj
-
jQuery中removeClass()方法用法实例
本文实例讲述了jQuery中removeClass()方法用法.分享给大家供大家参考.具体分析如下: 此方法从匹配元素删除一个或多个类. 根据方法参数的不同,有以下几种语法结构. 语法结构一: 方法没有参数.把匹配元素所有的类都移除. 复制代码 代码如下: $(selector).removeClass() 实例代码: 代码可以将div的所有css类删除. 复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta http-eq
-
jquery 表单验证之通过 class验证表单不为空
在开发系统时,往往都有某些表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护. 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证.(ID一个页面只可以使用一次:class可以多次引用) 1:为input添加class,名字可以随意设置,但每个input需要保持一致,本章案例calss设置为noNull.(若input已有class属性,可直接加到其后) 2:为input添加一个属性,用来后期通过jquery获取该字段,用作提示语.本
-
jQuery使用toggleClass方法动态添加删除Class样式的方法
本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法.分享给大家供大家参考.具体分析如下: jQuery通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass,运行下面的代码点击按钮可以看到文本段落字体在蓝色和黑色间切换 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"&
-
jquery 最简单易用的表单验证插件
复制代码 代码如下: /* Jquery 表单验证插件 janchie 2010.1 janchie@163.com 1.01版 */ (function($){ $.fn.extend({ valid:function(){ if( ! $(this).is("form") ) return; //获取参数 var items = $.isArray(arguments[0]) ? arguments[0] : [], isBindSubmit = typeof arguments[
-
jQuery中addClass()方法用法实例
本文实例讲述了jQuery中addClass()方法用法.分享给大家供大家参考.具体分析如下: 此方法向匹配元素添加一个或多个类. 此方法有多个语法形式. 语法结构一: 为匹配元素添加指定的类名.如果要一次性添加多个类名,它们之间要用空格分隔. 复制代码 代码如下: $(selector).addClass(class) 参数列表: 参数 描述 class 定义被添加类的名称 实例代码: 复制代码 代码如下: <!DOCTYPE html> <html> <head>
随机推荐
- 利用jQuery实现简单的拖曳效果实例代码
- Android开发实现模仿360二维码扫描功能实例详解
- 详解Linux--shell脚本之正则表达式
- 详谈redis优化配置和redis.conf说明(推荐)
- Angular表单验证实例详解
- Java-JFrame-swing嵌套浏览器的具体步骤
- BootStrap实现邮件列表的分页和模态框添加邮件的功能
- MySQL中易被我们忽略的细节
- MySQL 创建索引(Create Index)的方法和语法结构及例子
- JavaScript requestAnimationFrame动画详解
- 单行 JS 实现移动端金钱格式的输入规则
- javascript函数的四种调用模式
- IE hack条件写法
- 让nodeJS支持ES6的词法----babel的安装和使用方法
- 多图展示滑动过渡效果
- 从零开始学习jQuery (五) jquery事件与事件对象
- jQuery 遍历- 关于closest() 的方法介绍以及与parents()的方法区别分析
- jQuery实用技巧第1/2页
- jQuery $命名冲突解决方案汇总
- Android UI实现底部切换标签fragment