hasClass() 函数

判断当前选择元素是否有指定的类名

语法

$(selector).hasclass(classname)

返回值

返回值为布尔型(true/false)

如果当前选择对象包含多个元素,只要其中任意一个元素包含该类名,则返回true

实例说明

代码

 <!DOCTYPE html>
<html lang="zh-CN">
<head lang="en">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> </head>
<body>
<div></div>
<div id="div"></div>
<div>
<ul>
<li>one</li>
<li id="two" class="li">two</li>
<li>three</li>
</ul>
</div>
<script>
document.writeln( $("#two").hasClass("li") );//返回true
document.writeln( $("ul").hasClass("li") );//返回false
document.writeln( $("#div").hasClass("li"));//返回false 因为id=div对象中没有该类名
</script>
</body>
</html>

运行结果

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAB/CAIAAACc4ZxMAAAETUlEQVR4nO2dPXKzMBCGVeYQKXIDmpQ5StTnGGl1ljSaySFcuGXGZY6RUl+BjVaglQ35GK9f3qdJzK/MYwG2dheXCATu3g0g/weKBIEiQaBIECgSBIoEgSJBoEgQKBIEigSBIkGgSBAoEgSKBIEiQaBIECgShM1Fnk6nw+Hw+/u79Y52zrYi39/fnXPOuefn5+Px2F44enemC31KKaU+dM45H4e/YoaY65xzzscN38RjsKHIr68vJ3h9fW0sHH3W0Ydu/D/67E9O70MnrEZfKN4jG4r8/PyUIp+entRFSy3ydfSiu+UXojeyU6aUNhX5/f0tj/Tb25u6aPTzs+ZgRhFZTCZp62vkx8fHYPHl5eV0OqnLremRuz+Zlmx+1/rz83M8Hq/etco+OblG1kSmPnSiE/ch7L1/Gvoeme9apa1xwmX2qC8v79g7LYkkf4EiQaBIECgSBIoEgSJBoEgQKBIEigSBIkGgSBBsiYyBP5quxFLMDsem/oCRmB0xkpHHP84TfRz+6UIcRkPy4DIHP0asxOykVOuRfegugQKXgeYwDjhXY3x2i42YnYHKqfVschxGPnvUIwp2i42YnYGajqErxuB956Psj0qMz26xEbMzUO1X0XchhND3ofPhEtHBHjnDSsxOSkW/ilEG6oyhHkX4TjXGZ7cY+x55uREVXuY3PNOFaTFZE0lWQ5EgUCQIFAkCRYJAkSBQJAgUCYJ9keJHHqJjWuSlhsC92/EImBaZmJp8M7ZEzmN2KPJGrMfsUOSNWI7ZOc+Y19mpZTLLPPR6/R3sujy2Y3b0OjvDLO+HDpvnaPV34OvyGI/ZUYtBpOlI87iJsmtnv9XpONiP2WmJnNnQLqn4l1rrMTsLRWrBO/hBPdZjdhaKVOvvwNflMfY90tevbJM6O5Mr3kSnVn8Huy6PLZFkNRQJAkWCQJEgUCQIFAkCRYJAkSBQJAgUCQJFgkCRIFAkCBQJAkWCQJEgUCQIFAkCRYJAkSBQJAgUCQJFgkCRIFAkCMZE5hjyK8Hg05TJnbRHx5TIXIR1WiJZYePcHGvtaVEXeZ/nbyw/DNseOGvtaVITea/mWDtw1trTZCKynsuv5ewXdXBkkngq1rqeHjxLKK5WBJif3ZQq6LXtPHR7bmBBj6zm7MskRbnempz9yn4b6ZHqGnmZPnik9jRZJrKd6y3WW5Wz30g3VrZy7VDXNvG47WmysEfO9qaIXJWzX3+ASz4f3dQDUpES22z7o7WnyUYiV131G49UUhrQ3o1IZYdoTxNFZOX5G6pI8QEtn8WxNGd//u6Ks/nwothUbQ3ZxqLOzsO3p4nyPVLJ5a+czvM8H0InTyBLcvbLPZTnIFduv9qk4gNU3dBjt+c6pn7ZIeuhSBAoEgSKBIEiQaBIECgSBIoEgSJBoEgQKBIEigSBIkGgSBAoEgSKBIEiQaBIECgSBIoEgSJBoEgQKBIEigSBIkH4B5XRGmh2S5c8AAAAAElFTkSuQmCC" alt="" />

King_dream

2015-04-16 17:10:52

jQuery.hasClass() 函数的更多相关文章

  1. jQuery.hasClass() 函数详解

    jQuery.hasClass() 函数详解 hasClass()函数用于指示当前jQuery对象所匹配的元素是否含有指定的css类名. 该函数属于jQuery对象(实例). 语法 JavaScrip ...

  2. jquery常用函数与方法汇总

    1.delay(duration,[queueName]) 设置一个延时来推迟执行队列中之后的项目. jQuery1.4新增.用于将队列中的函数延时执行.他既可以推迟动画队列的执行,也可以用于自定义队 ...

  3. jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器

    jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...

  4. 图片放大功能插件及jquery.extend函数理解

    前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { ...

  5. jquery each函数 break和continue功能

    jquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式.你可以打破在函数返回一个jQuery参数虚假循环.一个可以继续执行只是在做不指定返回值或返 ...

  6. jQuery 遍历函数

    转载http://www.cnblogs.com/tylerdonet/archive/2013/04/05/3000618.html jQuery 遍历函数包括了用于筛选.查找和串联元素的方法. 函 ...

  7. 关于jquery中用函数来设置css样式

    关于jquery中用函数来设置css样式 2016-12-21 23:27:55 1.jquery语法 $(selector).css(name,function(index,value)) name ...

  8. jQuery.attr() 函数详解

    一,jQuery.attr()  函数详解: http://www.365mini.com/page/jquery-attr.htm 二,jQuery函数attr()和prop()的区别: http: ...

  9. jQuery.noConflict() 函数

    jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQue ...

随机推荐

  1. docker 介绍

    docker 介绍 安装 sudo apt-get install docker.io sudo docker info 查看是否安装成功 hello world sodu docker run he ...

  2. 镁光c400-MTFDDAK064M固态硬盘更新固件

    前段时间笔记本不停地假死机,就是那种系统停止响应,但鼠标依然有动作的死机,各种烦人,后来检测了下系统的温度,发现cpu轻易地上了75度,甚至会到94度,以为风扇该清理了,硅胶该换了,回想了一下,离上次 ...

  3. [原] VS新添加WebApplication项目,无法运行,请求帮助,问题如何解决

    最近在WIN10 Pro上安装运行VS2012(安装顺利),新建WebApplication项目,无法运行,编译都无法通过,但都是警告. 症状: 1.新建项目无法编译: 2.新建后,默认引用全部感叹号 ...

  4. SQL语句 还原未知逻辑名称数据库

    1. 查看 SQL Server 2000 中 Northwind 数据库文件的逻辑文件名(logical file name)和物理文件路径(operation system file name): ...

  5. s3c2440 上txt 小说阅读器

    文件结构 Makefile: CROSSCOMPILE := arm-linux- CFLAGS := -Wall -O2 -c LDFLAGS := -lm -lfreetype CC := $(C ...

  6. IOS textView获取光标定位,以及选中

    当textview成为第一响应者的时候就会调用一个协议方法 - (void)textViewDidChangeSelection:(UITextView *)textView; 在这个协议方法中可以实 ...

  7. sdn

    #!/usr/bin/env python #from mininet.cli import CLI #from mininet.link import Link #from mininet.net ...

  8. 《利用python进行数据分析》读书笔记--第五章 pandas入门

    http://www.cnblogs.com/batteryhp/p/5006274.html pandas是本书后续内容的首选库.pandas可以满足以下需求: 具备按轴自动或显式数据对齐功能的数据 ...

  9. mysql 链接失败(ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES))

    mysql链接失败(ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)) 修改: # ...

  10. Latex环境安装

    安装latex环境 sudo apt-get install texlive-full 推荐使用texstudio编辑器,简单方便高效靠谱 sudo apt-get install texstudio ...