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. Sublime Text3快捷键以及常用插件

    工若善其事,必先利其器.做为一个web前端开发人员,必须有一个得心应手的编码工具,本人推荐Sublime Text3和WebStorm,但WebStorm太过智能和耗性能了对初学者来说弊大于利,所以我 ...

  2. meta 标签的作用

    META标签,是HTML语言HEAD区的一个辅助性标签.在几乎所有的page里,我们都可以看到类似下面这段htm l代码: <head> <meta http-equiv=" ...

  3. sql查询指定表外键约束

    //////////////////查询指定表外键约束select a.name as 约束名, object_name(b.parent_object_id) as 外键表, d.name as 外 ...

  4. Gulp自动添加版本号(转载)

    本文转载自: gulp自动添加版本号

  5. UI，切图，命名

    APP切图流程和APP切图命名规范详细完整版 http://www.25xt.com/appdesign/7339.html Marketch

  6. zmap在阿里云主机上的编译

    环境: cat /etc/issueUbuntu 14.04.2 LTS \n \l cat /proc/cpuinfoprocessor : 0vendor_id : GenuineIntelcpu ...

  7. oracle的IMU和ora-01555

    IMU: 01555: 按照上图找啊找,已经提交事物的undo块找不到了,就产生01555错误,解决这样问题:1. 确保undo表空间数据的保留时间至少大于最长sql语句的时间 2. 增大undo表空 ...

  8. 基于bootstrap 的datatable插件的使用（php版）

    Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能.详细学习请参考其官网:http://datatables.net/中文网:http:/ ...

  9. JavaScript简介

    JavaScript JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等 ...

  10. 佛洛依德 c++ 最短路径算法

    //20142880 唐炳辉 石家庄铁道大学 #include<iostream> #include<string> using namespace std; #define ...