.hasClass( className )

수다왕

· 8년 전 · 조회 1805 1805

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

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4976	기타	html 색상표 [1]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2120
4975	웹서버	UWAMP를 이용한 USB포터블 PHP개발환경 만들기 [1]	nooree 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2768
4974	node.js	NODE_JS + Nunjucks 설정	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	2137
4973	PHP	한글 초성 추출하기 [10]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	5년 전	3639
4972	기타	MAC OS 도커 쉽게 설치하기 [1]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2262
4971	JavaScript	input text 에 여러 이벤트 걸기 두기. [1]	하얀감자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2488
4970	웹서버	Linux로 웹서버 구축 시 SELinux 관련 문제해결방안 [7]	디누 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4124
4969	JavaScript	Javascript를 최적화하는 13가지 팁 [4]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2783
4968	JavaScript	URL이 올바른지 체크 [2]	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	1935
4967	JavaScript	IE, Edge 브라우저에서는 해당 사이트가 접속이 안되게 하는 코드 [2]	younhoso 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2045
4966	JavaScript	구글 맵 독도 표기 되도록.	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2116
4965	PHP	date 함수에서 사용할 수있는 포맷문자열	devdev 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2104
4964	기타	[한줄팁] mongodb 한글 like 검색 및 mulitiple 단어 검색...	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2923
4963	JavaScript	js playground	불사pa 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2090
4962	JavaScript	javascript에서 php를 호출하여 내용 변경하기	퀀텀리프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2286
4961	jQuery	audio.js 미디어 파일 css 및 제어 가능한 플러그인 입니다. [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2095
4960	PHP	DB 테이블에 저장된 카테고리를 트리형식으로 변수에 담기 [2]	티로그 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2739
4959	기타	linux readhat계열 mongodb 설치하기 [1]	자루스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2568
4958	PHP	간단하게 date 함수 요일 숫자를 한글로 나타내는법 [1]	아이티몬스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4577
4957	기타	기시판 질문입니다. [6]	숙향 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2097
4956	정규표현식	정규식 테스트 연습 편하게 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2324
4955	정규표현식	제목에 특수문자 정리하는 정규식 [2]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2676
4954	웹서버	테스트용으로 쓸 완전 무료 웹호스팅 [3]	하늘위의길 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4138
4953	PHP	slack webhook 관련 자료 [1]	늘맑음 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2526
4952	PHP	간단한 백엔드 만들기 클래스 [1]	몰라무서워 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3214
4951	MySQL	MySQL(MariaDB) DATABASE, 사용자 생성 및 권한 추가 [5]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	4131
4950	jQuery	체크박스 시프트(shift) 멀티선택	뽁스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	3615
4949	node.js	Node.js MongoDB Drop [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2682
4948	node.js	여러 데이터 삭제 [1]	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2406
4947	node.js	Node.js MongoDB 삭제	수다왕 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6년 전	2647