note

태그 선택자 본문

JavaScript/jQuery

태그 선택자

투한 2012. 3. 19. 10:39 









<!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').css('color','Orange');
	});
	
</script>
<body>
	<h1>Lorem ipsum</h1>
	<p>Lorem ipsum dolor sit amet.</p>
	<h1>Lorem ipsum</h1>
	<p>consecterur asdasf</p>
</body>
</html>



h1 태그만 적용됨





다중 적용







<!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,p').css('color','Orange');
	});
	
</script>
<body>
	<h1>Lorem ipsum</h1>
	<p>Lorem ipsum dolor sit amet.</p>
	<h1>Lorem ipsum</h1>
	<p>consecterur asdasf</p>
</body>
</html>



다중



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

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

클래스 선택자  (0) 2012.03.19
ID 선택자  (0) 2012.03.19
전체 선택자  (0) 2012.03.19
여러 개의 이벤트 연결  (0) 2012.03.19
Fancy Box 라이브러리  (0) 2012.02.23
'JavaScript/jQuery' Related Articles more