十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
在jquery中有2种方法可以来判断一个元素是否包含一个确定的类(class)。两种方法的返回值都是ture和false。包含的话返回true,不包含的话返回false。2种方法分别是:
站在用户的角度思考问题,与客户深入沟通,找到珠山网站设计与珠山网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站建设、网站设计、企业官网、英文网站、手机端网站、网站推广、域名注册、虚拟空间、企业邮箱。业务覆盖珠山地区。
is(‘.classname’) 和 hasClass(‘classname’)
如:
html:
div class="redDiv" style="border:1px solid #e0e0e0; width:200px; height:30px;"/div
input type="button" class="red" value="有redDiv类?" /
input type="button" class="blue" value="有blueDiv类?" /
jq:
$(document).ready(function(){
$(".red").click(function(){
if($("div").is(".redDiv")){
alert("含有redDiv类");
}
});
$(".blue").click(function(){
if(!($("div").hasClass("blueDiv"))){
alert("不含有blueDiv类");
}
});
});
直接写一个正则就行,比如:
script type="text/javascript"
var str = "adfjod34rje";
var bl = /\b+/.test(str);
if(bl) {
alert("包含数字: YES");
} else {
alert("包含数字: NO");
}
/script
两种方法如下:
1、hasClass(‘classname’)
2、is(‘.classname’)
例子:
1、使用is(‘.classname’)的方法
$('div').is('.redColor')
2、使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))
$('div').hasClass('redColor')
扩展资料:
关于上述出现的jquery的hasclass()和is()的简介
1、is()
is(expr|obj|ele|fn)
根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。
如果没有元素符合,或者表达式无效,都返回'false'。 '''注意:'''在jQuery 1.3中才对所有表达式提供了支持。在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 ),始终会返回true
2、hasclass()
检查当前的元素是否含有某个特定的类,如果有,则返回true。
这其实就是 is("." + class)。
描述:给包含有某个类的元素进行一个动画。
jQuery中的hasClass()方法可以判断一个元素是否含有一个指定的类,该方法的语法为$(selector).hasClass(class),参数为必需,规定需要在指定元素中查找的类。工具原料:编辑器、浏览器1、做一个简单的示例:检查第一个元素是否包含"intro"类,简单的代码如下:.intro{font-size:120%;color:red;}This is a headingThis is a paragraph.This is another paragraph.检查第一个段落是否拥有类 "intro"2、因为以上代码中第一个p含有class为intro的类所以点击按钮会弹出true,如下图:
1.
jQeury有个方法:jQuery.hasClass( className )
官方描述文本:Determine whether any of the matched elements are assigned the given class.(确定匹配元素是否含有指定的"className'(类名字))
例子:
$('div.eq(0)').hasClass('div_class'); // 判断第一个div是否包含'div_class'这个类
2.
你也可以使用就jQuer.attr('class'),把元素的class属性获取,然后使用原生的String.indexOf(searchvalue)判断是否-1(非-1,即有匹配)
例子:
var eleClass = $('div').attr('class'), searchClass = 'class_1';
/* 这里需要先判断是否有这个属性,因为使用jQuery获取属性值的时候,如果没有,则会返回undefined */
if (eleClass eleClass.indexOf(searchClass) -1)
{
// 含有指定class
}
else
{
// 没有class属性(也算不含指定class)或者不含有指定class
}
相对使用jQuery来讲,最常用这两种方法。
两个方法详解可参考jQuery官方文档。