jquery中hasClass()、is()判断是否包含指定的class
类别:Web前端 浏览量:1740
时间:2016-8-20 jquery中hasClass()、is()判断是否包含指定的class
jquery中hasClass()、is()判断是否包含指定的class1、.hasClass()用来检查被选择的元素是否包含指定的class名。
2、.hasClass()语法
jQueryObject.hasClass( className )
3、例如
<li id="n1">
<p id="n2" class="site-name">CodePlayer</p>
<p id="n3" class="foo bar demo">http://www.studyofnet.com</p>
</li>
<script>
var $n2 = $("#n2");
document.writeln( $n2.hasClass("site-name") ); // true
var $n3 = $("#n3");
document.writeln( $n3.hasClass("bar") ); // true
// 不存在该css类名,返回false
document.writeln( $n3.hasClass("noClass") ); // false
var $p = $("p");
// 只要jQuery对象匹配的元素中有任意一个元素包含指定的css类名,即返回true
document.writeln( $p.hasClass("site-name") ); // true
document.writeln( $p.hasClass("foo") ); // true
</script>
4、hasClass()也可以同时写多个class但他们之前用空格隔开
如下:
$(selector).hasClass("className1 className2");
5、使用.is()也能实现相同的功能,例如
$(selector).is(".className");
6、.is()也可以有多个类名的写法,例如
$(selector).is(".className,.className");
标签:jquery
您可能感兴趣
- jquery使用data缓存数据
- jQuery邮箱自动补全
- jquery实现微信中长按识别二维码
- jquery滚动加载数据
- jquery filter方法
- jquery deferred对象
- jquery中prop和attr的区别
- javascript中还原append代码(JS实现jQuery的append功能)
- JQuery中extend的用法
- jquery轮播图的左右按钮(jQuery轮播图功能实现方法)
- jqueryajax实现部分刷新(php+jQuery ajax实现的实时刷新显示数据功能示例)
- jquery中text(),val(),html()区别
- jquery遍历json字符串
- jquery弹出窗口过渡效果(jQuery实现大屏滚动播放效果)
- jQuery多个版本间,以及与其他js文件冲突的解决方法
- jQuery商品属性选择的实现
- AMD YES A卡还是N卡 A卡和N卡的区别(AMDYESA卡还是N卡)
- 以后显卡多了一个新选择,N卡和A卡外又多了个I卡(以后显卡多了一个新选择)
- 读卖乐园的彩灯(读卖乐园的彩灯)
- 新疆80后在淘宝卖干果 以前是 不务正业 如今帮乡亲致富(新疆80后在淘宝卖干果)
- 弄清楚了销 售 买 卖这四个字,母婴生意做起来就没那么难了(弄清楚了销售买)
- 数读 买首饰金是 投资黄金 吗 买金容易卖金难(数读买首饰金是)
热门推荐
- 阿里云服务器怎么连接远程桌面(如何阿里云服务器Windows系统远程桌面端口)
- svg如何生成(使用SVG实现提示框功能的示例代码)
- LocalStorage用法
- python时间序列模式识别(Python时间序列处理之ARIMA模型的使用讲解)
- idea 一键部署springboot docker(IDEA部署Docker到WSL2的详细过程)
- html5基本标签详解(详解HTML5布局和HTML5标签)
- php面向对象怎么调用属性(PHP面向对象程序设计__tostring和__invoke用法分析)
- nginx 配置强制跳转https(Nginx实现https网站配置代码实例)
- python基础教学之125 装饰器简介(python3 property装饰器实现原理与用法示例)
- docker无法访问宿主机ip(解决Mac下 docker 无法 ping 通宿主机的问题)