note

addClass()메서드 / addClass() 메서드의 콜백함수 본문

JavaScript/jQuery

addClass()메서드 / addClass() 메서드의 콜백함수

투한 2012. 3. 21. 10:31 









<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
	$(document).ready(function (){
		$('h1').addClass('item');
	});
</script>
<body>
	<h1>Header-0</h1>
	<h1>Header-1</h1>
	<h1>Header-2</h1>
</body>
</html>



소스를 보면 <h1>태그에 class="item" 으로 된걸 확인할 수 있다.







addClass() 메서드의 콜백함수

다른 클래스명을 줘야할때





<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script>
	$(document).ready(function (){
		$('h1').addClass(function(index){
			return 'class' + index;
		});
	});
</script>
<body>
	<h1>Header-0</h1>
	<h1>Header-1</h1>
	<h1>Header-2</h1>
</body>
</html>


class명이 순차적으로 늘어남





저작자표시 비영리 변경금지 (새창열림)

'JavaScript > jQuery' 카테고리의 다른 글

attr()메서드 Getter / Setter /  (0) 2012.03.21
removeClass()메서드  (0) 2012.03.21
XML 파싱  (0) 2012.03.21
is()메서드  (0) 2012.03.21
add()메서드  (0) 2012.03.21
'JavaScript/jQuery' Related Articles more