.hasClass( className )
.hasClass( className )
설명 : 일치하는 요소가 주어진 클래스에 지정되었는지 여부를 판별하십시오.
요소에는 둘 이상의 클래스가 할당되어있을 수 있습니다. HTML에서는 클래스 이름을 공백으로 구분하여 나타냅니다.
<div id="mydiv" class="foo bar"></div>
다른 클래스가있는 경우에도 클래스에 요소가 할당되면 이 .hasClass()메서드가 반환 true됩니다. 예를 들어 위의 HTML을 보면 다음과 같이 반환됩니다 true.
$( "#mydiv" ).hasClass( "foo" )
마찬가지로 :
$( "#mydiv" ).hasClass( "bar" )
이것이 반환하는 동안 false:
$( "#mydiv" ).hasClass( "quux" )
jQuery 1.12 / 2.2부터이 메소드는 SVG를 포함한 XML 문서를 지원한다.
예:
'selected'가 클래스로 포함 된 단락을 찾습니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>hasClass demo</title>
<style>
p {
margin: 8px;
font-size: 16px;
}
.selected {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<p>This paragraph is black and is the first paragraph.</p>
<p class="selected">This paragraph is red and is the second paragraph.</p>
<div id="result1">First paragraph has selected class: </div>
<div id="result2">Second paragraph has selected class: </div>
<div id="result3">At least one paragraph has selected class: </div>
<script>
$( "#result1" ).append( $( "p:first" ).hasClass( "selected" ).toString() );
$( "#result2" ).append( $( "p:last" ).hasClass( "selected" ).toString() );
$( "#result3" ).append( $( "p" ).hasClass( "selected" ).toString() ) ;
</script>
</body>
</html>
게시판 목록
개발자팁
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5216 | 2년 전 | 953 | |||
| 5215 | 2년 전 | 1089 | |||
| 5214 | 2년 전 | 726 | |||
| 5213 | PHP |
swallow
|
2년 전 | 673 | |
| 5212 | PHP |
swallow
|
2년 전 | 1696 | |
| 5211 | PHP |
swallow
|
2년 전 | 1459 | |
| 5210 | PHP |
swallow
|
2년 전 | 2145 | |
| 5209 | PHP | 2년 전 | 695 | ||
| 5208 | JavaScript |
swallow
|
2년 전 | 835 | |
| 5207 | JavaScript |
swallow
|
2년 전 | 684 | |
| 5206 | JavaScript |
swallow
|
2년 전 | 609 | |
| 5205 | PHP |
|
2년 전 | 700 | |
| 5204 | 기타 |
techstar
|
2년 전 | 753 | |
| 5203 | JavaScript |
swallow
|
2년 전 | 577 | |
| 5202 | JavaScript |
swallow
|
2년 전 | 606 | |
| 5201 | JavaScript |
swallow
|
2년 전 | 671 | |
| 5200 | JavaScript |
swallow
|
2년 전 | 862 | |
| 5199 | JavaScript | 2년 전 | 624 | ||
| 5198 | 기타 |
swallow
|
2년 전 | 655 | |
| 5197 | PHP |
swallow
|
2년 전 | 734 | |
| 5196 | JavaScript |
swallow
|
2년 전 | 602 | |
| 5195 | PHP |
swallow
|
2년 전 | 2054 | |
| 5194 | PHP |
swallow
|
2년 전 | 615 | |
| 5193 | 기타 |
swallow
|
2년 전 | 668 | |
| 5192 | MySQL |
swallow
|
2년 전 | 1385 | |
| 5191 | JavaScript |
swallow
|
2년 전 | 1073 | |
| 5190 | PHP |
swallow
|
2년 전 | 1929 | |
| 5189 | MySQL |
swallow
|
2년 전 | 6189 | |
| 5188 | node.js |
swallow
|
2년 전 | 1047 | |
| 5187 | node.js |
swallow
|
2년 전 | 791 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기