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

判断匹配集合中是否存在至少一个元素使用样式'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'样式。

巴特西

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

最新文章

热门文章