2010/07/28 03:00
jQuery - .hasClass() General Web2010/07/28 03:00
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript" src="jquery-1.4.2.js"></script>
<style type="text/css">
p { margin: 8px; font-size:16px; }
.selected { color: red; }
.highlight { background: yellow; }
</style>
</head>
<body>
<h4>.hasClass( className ): 엘리먼트에 하나 또는 그 이상의 클래스가 할당될 수 있다. HTML에서 표현은 아래와 같다.</h4>
<div id="mydiv" class="foo bar"></div>
<h4>.hasClass() 메서드는 엘리먼트에 클래스가 할당되어 있으면 true를 반환한다. 다음의 예는 true를 반환한다.</h4>
$('#mydiv').hasClass('foo')<br />
$('#mydiv').hasClass('bar')
<h4>매치된 엘리먼트에서 'selected' 클래스 찾기</h4>
<p>Hello</p>
<p class="selected">Goodbye</p>
<div id="result1">First paragraph has selected class: </div>
<div id="result2">Last paragraph has selected class: </div>
<div id="result3">Some paragraph has selected class: </div>
<script>
$("div#result1").append($("p:first").hasClass("selected").toString());
$("div#result2").append($("p:last").hasClass("selected").toString());
$("div#result3").append($("p").hasClass("selected").toString());
</script>
</body>
</html>
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript" src="jquery-1.4.2.js"></script>
<style type="text/css">
p { margin: 8px; font-size:16px; }
.selected { color: red; }
.highlight { background: yellow; }
</style>
</head>
<body>
<h4>.hasClass( className ): 엘리먼트에 하나 또는 그 이상의 클래스가 할당될 수 있다. HTML에서 표현은 아래와 같다.</h4>
<div id="mydiv" class="foo bar"></div>
<h4>.hasClass() 메서드는 엘리먼트에 클래스가 할당되어 있으면 true를 반환한다. 다음의 예는 true를 반환한다.</h4>
$('#mydiv').hasClass('foo')<br />
$('#mydiv').hasClass('bar')
<h4>매치된 엘리먼트에서 'selected' 클래스 찾기</h4>
<p>Hello</p>
<p class="selected">Goodbye</p>
<div id="result1">First paragraph has selected class: </div>
<div id="result2">Last paragraph has selected class: </div>
<div id="result3">Some paragraph has selected class: </div>
<script>
$("div#result1").append($("p:first").hasClass("selected").toString());
$("div#result2").append($("p:last").hasClass("selected").toString());
$("div#result3").append($("p").hasClass("selected").toString());
</script>
</body>
</html>
'General Web' 카테고리의 다른 글
| jQuery - .hasClass() (0) | 2010/07/28 |
|---|---|
| jQuery-.html() (0) | 2010/07/27 |
| jQuery - .attr() (0) | 2010/07/27 |
| jQuery - 엘리먼트에 클래스 추가/삭제 하기. (0) | 2010/07/26 |
| ASP + AJAX(JSON) (0) | 2010/06/18 |
| Javascript를 이용한 개발에서의 MVC 패턴 (2) | 2009/02/11 |
