您的位置：首页 > Web前端 > JQuery

jquery属性方法hasClass判断是否存在某个class

2014-12-26 11:21 621 查看

判断匹配集合中是否存在至少一个元素使用样式'selected'，存在则返回'true'，不存在为'flase'。

<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'样式。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航