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. 夺命雷公狗-----React_native---1---jdk的安装

    目录结构如下 然后打开安装包 这样大致上都算是完成了,那么我们要在cmd窗口里面对她进行测试下... 比如用命令看下版本 java -version 然后开始配置环境变量: 然后创建一个"J ...

  2. nginx,文件下载,预览,防止浏览器下载时直接打开,防止预览时直接下载文件,解决nginx谷歌浏览器不支持下载问题

    公司项目逐渐增多,对效率的要求越来越高,不同项目分部不同服务器,最初想用nginx 就是为了多个项目用一个url和服务器宕机解决方案 nginx也可作为附件服务器,毕竟nginx也对静态文件支持较好, ...

  3. Ideas about the future of management

    1. Business markets a. greater competition among companies b. increase in power of global companies ...

  4. JavaScript中的apply和call函数详解(转)

    每个JavaScript函数都会有很多附属的(attached)方法,包括toString().call()以及apply().听起来,你是否会感到奇怪,一个函数可能会有属于它自己的方法,但是记住,J ...

  5. nginx auth

    location / { auth_basic "closed site";##Context:http, server, location, limit_except auth_ ...

  6. 查找树ADT

    通过二叉查找树实现排序的例程 /** * 无论排序的对象是什么,都要实现Comparable接口 * * @param <T> */ public class BinaryNode< ...

  7. 富文本编辑器TInyMCE,本地图片上传（Image Upload）

    TinyMCE 官网 (类似:百度的富文本web编辑器UEditor) 第一步 下载 TinyMCE,解压后放入工程,在需要的HTML页面引入tinymce.min.js. 第二步 下载tinyMCE ...

  8. symfony安装笔记

    下载http://symfony.com/download,这里版本是2.8 将D:\ApacheServer\php路径添加到环境变量path中,在cmd命令行中可以执行php命令 打开php.in ...

  9. python：模态编程框

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  10. Django 步骤

    1. 初始化项目 django-admin startproject mysite2. 设置 settings 数据库配置, 必要时手动创建数据库3. 初始化数据库 python manage.py ...