jQuery - selector id,class선택자

<h1>선택자(Selector)</h1>
	<hr>
	<h2 class="item">jQuery Selector-1</h2>
	<h2 id="tag">jQuery Selector-2</h2>
	<h2 class="item">jQuery Selector-3</h2>
	<p>jQuery Selector-4</p>

태그 선택자 : 태그명으로 태그를 검색하여 제공
검색된 태그로 jQuery 객체를 생성한 후 메소드 호출
다수의 태그가 검색된 경우 묵시적 반복에 의해 다수의 jQuery 객체가 생성되어 메소드 호출

$("h2").css("background","yellow");

클래스 선택자 : 태그의 class 속성값으로 태그를 검색하여 제공
태그 선택자와 구분하기 위해 . 으로 시작

$(".item").css("background","orange");

아이디 선택자 : 태그의 id 속성값으로 태그를 검색하여 제공
태그 선택자와 구분하기 위해 # 으로 시작

$("#tag").css("color","green");

하나의 jQuery 객체로 서로 다른 메소드를 순차적으로 호출 가능 - 메소드 체인(Method Chain)

$("p").css("background", "pink").text("태그내용변경");

jQuery 객체로 메소드를 호출할 때 매개변수의 전달값을 Object 객체로 전달 가능
Object 객체의 요소를 이용하여 메소드에 필요한 다수의 값을 전달

	//$("p").css("font-size", "30px").css("color","red");
	$("p").css({"font-size":"30px","color":"red"});