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
您可能感兴趣
- jqueryajax实现部分刷新(php+jQuery ajax实现的实时刷新显示数据功能示例)
- jquery判断是否为数组
- jQuery end()
- jquery插件开发
- jquery ajax的async使用
- html导航条下拉菜单代码(Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码)
- jquery图片轮播代码
- jquery on绑定hover
- jquery 实现对联广告
- jquery如何优化
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- Jquery中parent()和parents()
- jquery next()
- jquery弹出窗口过渡效果(jQuery实现大屏滚动播放效果)
- jquery修改带有!important的样式
- JQuery中serialize与serializeArray
- 买绿宝不能只挑黄绿色 菜农教你3招挑,个个皮薄肉脆,香甜爆汁(买绿宝不能只挑黄绿色)
- 大果肉搭配薄瓜皮, 绿宝 脆甜爽口,不愧是甜瓜中的 佼佼者(大果肉搭配薄瓜皮)
- 河南尉氏县因地制宜发展果蔬种植 水坡镇绿宝甜瓜变 金瓜(河南尉氏县因地制宜发展果蔬种植)
- 谢广坤,你这么欺负谢腾飞,良心不会痛吗(你这么欺负谢腾飞)
- 乡村爱情15 宋晓峰怀疑自己孩子,腾飞与姜奶奶亲子鉴定出结果(宋晓峰怀疑自己孩子)
- 《乡村爱情13》开播,新版刘能以假乱真,编剧思维进入瓶颈(新版刘能以假乱真)
热门推荐
- apache持续连接时间设置(Apache增加最大连接数的方法)
- html代码简单特效(HTML实现代码雨源码及效果示例)
- 香港云服务器哪个最好(香港云服务器和国内云服务器有什么区别?)
- 前端app开发适配消息栏(AmazeUI 导航条的实现示例)
- php 模拟登录验证码demo(PHP 模拟登陆功能实例详解)
- dedecms安全设置(织梦系统DedeCMS设定栏目及文档权限登录后跳转到登陆前的页面的实现方法)
- 怎么用powershell执行代码(如何在power shell添加vim实现代码示例)
- php经典算法大全(php菜单/评论数据递归分级算法的实现方法)
- 免备案云服务器快吗?使用海外云服务器好不好(免备案云服务器快吗?使用海外云服务器好不好)
- MVC中modelstate的使用