.hasClass( className )

수다왕

· 8년 전 · 조회 1788 1788

설명 : 일치하는 요소가 주어진 클래스에 지정되었는지 여부를 판별하십시오.

요소에는 둘 이상의 클래스가 할당되어있을 수 있습니다. 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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호	제목	글쓴이	조회	날짜
15819	jQuery 제이쿼리 jQuery( ":button" )	수다왕	1,514	8년 전
15818	jQuery 제이쿼리 .bind( eventType [, eventData ], handler )	수다왕	2,169	8년 전
15817	jQuery 제이쿼리 .before(content [,content])	수다왕	1,703	8년 전
15816	jQuery 제이쿼리 Attribute Starts With Selector [name^=”value”]	수다왕	2,037	8년 전
15815	jQuery 제이쿼리 Attribute Not Equal Selector [name!=”value”]	수다왕	1,830	8년 전
15814	jQuery 제이쿼리 Attribute Equals Selector [name=”value”]	수다왕	2,059	8년 전
15813	jQuery 제이쿼리 Attribute Ends With Selector [name$=”value”]	수다왕	1,739	8년 전
15812	jQuery 제이쿼리 Attribute Contains Word Selector [name~=”value”]	수다왕	1,527	8년 전
15811	jQuery 제이쿼리 Attribute Contains Selector [name*=”value”]	수다왕	1,334	8년 전
15810	jQuery 제이쿼리 attributeContainsPrefix selector	수다왕	1,753	8년 전
15809	jQuery 제이쿼리 .attr (attributeName)	수다왕	2,372	8년 전
15808	jQuery 제이쿼리 .appendTo( target )	수다왕	1,388	8년 전
15807	jQuery .append (content [, content])	수다왕	1,795	8년 전
15806	jQuery animated selector	수다왕	1,775	8년 전
15805	jQuery .animate (properties [, duration] [, easing] [, complete])	수다왕	2,565	8년 전
15804	jQuery 제이쿼리 andSelf()	수다왕	2,070	8년 전
15803	jQuery 제이쿼리 all selector	수다왕	1,964	8년 전
15802	jQuery 제이쿼리 .ajaxSuccess(handler)	수다왕	1,938	8년 전
15801	jQuery .ajaxStop(handler )	수다왕	1,700	8년 전
15800	jQuery .ajaxStart(handler )	수다왕	1,115	8년 전
15799	jQuery .ajaxSend (handler )	수다왕	1,747	8년 전
15798	jQuery 제이쿼리 .ajaxError (handler)	수다왕	2,488	8년 전
15797	jQuery 제이쿼리 .ajaxComplete (handler)	수다왕	2,369	8년 전
15796	jQuery 제이쿼리 .after()	수다왕	1,762	8년 전
15792	PHP 제이쿼리 .addClass ()	수다왕	3,085	8년 전
15791	jQuery 제이쿼리 .addBack ()	수다왕	1,608	8년 전
15790	jQuery 제이쿼리 .add (selector)	수다왕	1,787	8년 전
15789	PHP is_null - 변수가 있는지 여부를 찾습니다.NULL	컴프	2,017	8년 전
15788	PHP is_iterable - 변수의 내용이 반복 가능한 값인지 확인합니다.	컴프	2,147	8년 전
15787	PHP is_int - 변수의 타입이 정수인지 찾기	컴프	2,256	8년 전

이전 다음

22 23 24 25 26

전체 목록

강좌