<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src ="http://code.jquery.com/jquery-latest.js"></script>
<title>.hasClass()</title>
<style>
p
{
margin: 8px;
font-size: 16px;
}
.selected
{
color: red;
}
</style>
</head>
<body>
<p>1번</p>
<p class="selected">2번</p>
<p>3번</p>
<div id = "result1">1번 has "selected" class : </div>
<div id = "result2">3번 has "selected" class : </div>
<div id = "result3">1번, 2번 or 3번 have "selected" class : </div>
<script>
//<p>엘리먼트들 중 첫번째 엘리먼트가 "selected"클래스를 갖고 있는지 판단
//그 결과를 string 타입으로 변환해 <div>엘리먼트중 id가 "result1"을 찾아 그 뒤에 이어 붙임.
$("div#result1").append($("p:first").hasClass("selected").toString());
$("div#result2").append($("p:last").hasClass("selected").toString());
//모든 <p>엘리먼트들 중 "selected"클래스를 갖고 있는 엘리먼트가 있는지 판단
//그 결과를 string 타입으로 변환해 <div>엘리먼트중 id가 "result3"을 찾아 그 뒤에 이어 붙임.
$("div#result3").append($("p").hasClass("selected").toString());
</script>
</body>
</html>
14-2_Attr_hasClass().html'Programming > JavaScript' 카테고리의 다른 글
| [JavaScript]_Attr_toggleClass().html (0) | 2016.12.12 |
|---|---|
| [JavaScript] 14-2_Attr_removeClass().html (0) | 2016.12.12 |
| [JavaScript] 14-2_Attr_attr()_html().html (0) | 2016.12.12 |
| [Javascript] 14-2_Attr_addClass().html (0) | 2016.12.12 |
| [Javascript] 12-3_XMLHttpRequestStatus.js (0) | 2016.12.09 |