jQuery에서 Class 객체 찾기 - .hasClass ()
원문 : http://api.jquery.com/hasClass/
설명 : 일치하는 요소 중 하나가 주어진 클래스를 할당 여부를 결정합니다.
.hasClass() 함수는 클래스명이 일치하는 것이 있을 경우 리턴값으로 true, false 를 반환합니다.
소스보기
<!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="//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>
미리보기
This paragraph is black and is the first paragraph.
This paragraph is red and is the second paragraph.
First paragraph has selected class: false
Second paragraph has selected class: true
At least one paragraph has selected class: true
간단히 설명하자면
p태그 첫번째를 찾아서 selected라는 class명이 있는지 여부를 id가 result1인 값에 append(추가) 하는 것.
p태그 마지막을 찾아서 selected라는 class명이 있는지 여부를 id가 result2인 값에 append(추가) 하는 것.
p태그 찾아서 selected라는 class명이 있는지 여부를 id가 result3인 값에 append(추가) 하는 것.
'Web Programing! > JQuery' 카테고리의 다른 글
| [JQUERY] checkbox, radio 체크가 되지 않을때 (.attr과 .prop의 차이) (0) | 2014.08.08 |
|---|---|
| [JQUERY] input readonly 백스페이스(backspace) event.keyCode 처리 (0) | 2014.06.15 |
| JQuery API 따라잡기 : 해당 객체의 아이디 가져오기 (1) | 2014.02.26 |
| [JQUERY] 속성에 readonly 활성화 / 비활성화 (0) | 2012.09.07 |
| [JQUERY] 셀렉트 박스 변경시 옵션값에 따라 프로세스 실행하기 (0) | 2012.07.12 |
| [JQEURY] 숫자만 입력하기 (0) | 2012.06.27 |
| [JQUERY] checkbox 전체선택/전체해제 (0) | 2012.05.25 |
