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. MySQL的下载与安装 和 navicat for mysql 安装使用

    新手上路-MySQL安装 目录结构 Windows平台 MySQL安装 示例数据导入 Linux平台 CentOS系统 Ubuntu系统 FAQ 密码生成工具-keepass 修改提示符 图形工具 删 ...

  2. Djunit工作记录

    1.下载djunit 解压后放置到eclipse的plugins目录下即可 2.测试程序必须继承DjunitTestCase 3.测试程序完run as DJunitTest 运行 4.在djunit ...

  3. soj 1015 Jill's Tour Paths 解题报告

    题目描述: 1015. Jill's Tour Paths Constraints Time Limit: 1 secs, Memory Limit: 32 MB Description Every ...

  4. listview和checkbox的冲突的用法

    package com.exaple.music; import java.util.List; import java.util.Timer; import java.util.TimerTask; ...

  5. CSS 文字垂直居中

    原始 demo html <div class ="box"> <div class="text"> 我是单行测试文字 </div ...

  6. jquery 提交From表单

    /** * 异步提交From */ function ajaxSubmitFrom (btnId,fromId,url){ $(btnId).click(function () { var optio ...

  7. Qt:QObject translate

    qobject类是qt所有对象的基类. QObject是Qt的核心对象模型.中心在这个模型是一个非常强大的无缝沟通对象称为信号与槽机制.你可以连接一个信号槽连接()和破坏的连接与断开连接().为了避免 ...

  8. Highcharts使用教程（1）：制作简单图表

    今天我们要使用JavaScript图表Highcharts制作简单的柱形图,我们已经安装好Highcharts,让我们开始制作图表吧. 步骤一 在网页中添加一个div.设置id,设置图表长.高.代码如 ...

  9. github开发

    从0开始学习 GitHub 系列之「初识 GitHub」 从0开始学习 GitHub 系列之「加入 GitHub」 从0开始学习 GitHub 系列之「Git 速成」 从0开始学习 GitHub 系列 ...

  10. 关于Java加载属性文件放在web容器不好使的解决办法

    //使用Spring的工具就行了1 import java.util.Properties; import org.springframework.core.io.support.Properties ...