hasClass(class)
判断匹配集合中是否存在至少一个元素使用样式‘class’,存在则返回‘true’不存在为‘flase’
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
$("div#result1").append($("p:first").hasClass("selected").toString());
$("div#result2").append($("p:last").hasClass("selected").toString());
$("div#result3").append($("p").hasClass("selected").toString());
});
</script>
<style>
p { margin: 8px; font-size:16px; }
.selected { color:red; }
.highlight { background:yellow; }
</style>
</head>
<body>
<p>Hello</p>
<p class="selected">Goodbye</p>
<div id="result1">First paragraph has selected class: </div>
<div id="result2">Last paragraph has selected class: </div>
<div id="result3">Some paragraph has selected class: </div>
</body>
</html>
$("div#result1").append($("p:first").hasClass("selected").toString());
$("div#result2").append($("p:last").hasClass("selected").toString());
$("div#result3").append($("p").hasClass("selected").toString());
第一行判断p集合中第一个p元素是否使用‘selected’样式,
第二行判断p集合中最后一个p元素是否使用‘selected’样式,
第一行判断p集合中每一个p元素是否至少有一个使用‘selected’样式
分享到:
相关推荐
本文实例讲述了jQuery中hasClass()方法用法。分享给大家供大家参考。具体分析如下: 此方法验证匹配元素是否包含指定的类,包含则返回true,否则返回false。 语法结构: 代码如下:$(selector).hasClass(class) 参数...
hasClass(class) filter(expr|obj|ele|fn) is(expr|obj|ele|fn)1.6* map(callback) has(expr|ele) not(expr|ele|fn) slice(start,[end]) 查找 children([expr]) closest(expr,[con]|obj|ele)1.6* find...
5.1.4 hasClass(class) 73 5.1.5 filter(expr) 73 5.1.6 filter(fn) 74 5.1.7 is(expr) 75 5.1.8 map(callback) 75 5.1.9 has(expr) 76 5.1.10 not(expr) 77 5.1.11 slice(start, [end]) 77 5.2 查找 79 5.2.1 ...
还有一种情况,在得到了jQuery()对象之后,想要判断其是否满足条件,那么可以调用is()、hasClass()等方法,返回一个boolean值,进行后续的判断。这类方法也可以归到这类。 第三步是在获取准确的jQuery对象之后,...
比如是否包含 class=”new” 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $(“input[name=new]”).hasClass(“new”) 即可判断. 但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的...
原生的addClass, removeClass, hasClass函数,未使用jquery class.js function hasClass(ele,cls) { return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)')); } function addClass(ele,cls) { if (!...
bool.hasClass( class ) $.removeClass( [class] ), .removeClass( fn(index, class) ) $.toggleClass( class [, switch] ), .toggleClass( fn(index, class) [, switch] ) HTML, text str.html( ) $.html( val ), ....
演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 jQuery 语法是为 HTML 元素的选取编制的,可以对元素执行某些操作。 基础语法是:$(selector).action() • 美元符号定义 jQuery • 选择符...
jQuery移动端日历带事件代码是一款带农历日历,显示当日课表待办事项列表代码。 function announceList(v){ console.log(v) if(v.children().hasClass('sc-mark-show')){ var year = $('.sc-select-year').text...
添加属性 $(‘a’).attr(‘href’, ‘http://www.jquery.com’) 添加多个属性 $(‘a’).attr({‘href’:’http://www.jquery.com’, ‘title’:’jquery.com’}) 获取属性 $(‘a’).attr(‘href’) class属性 ...
jQuery1.2 API 中文版折叠展开折叠全部展开全部 英文说明 核心jQuery 核心函数 jQuery(expression,[context]) jQuery(expression,[context]) 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组...
hasClass(class) filter(expr|obj|ele|fn) is(expr|obj|ele|fn) map(callback) has(expr|ele) not(expr|ele|fn) slice(start,[end]) 查找 children([expr]) closest(e|o|e)1.7* find(e|o|e) next([expr]...
hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) slice(start, [end]) 查找 add(expr) children([expr]) closest([expr]) contents() find(expr) next([expr]) nextAll(...
hasClass(class) filter(expr) filter(fn) is(expr) map(callback) not(expr) slice(start, [end]) 查找 add(expr) children([expr]) closest([expr]) contents() find(expr) next([expr]) nextAll(...
以前我们有需要用js或jquery的一些方法hasClass、addClass、removeClass,在一个元素的class属性上添加或者删除某几个类,达到某种样式变化的需求,但还是稍微麻烦了一些。 h5新增的classList可以让我们更方便的元素...
hasClass:判断是否有class function hasClass(ele, cls) { if (!ele || !cls) return false; if (ele.classList) { return ele.classList.contains(cls); } else { return ele.className.match(new ...