JQuery 기본 선택자
- JQuery 메서드의 가장 기본적인 형태
- 문서 객체를 다룰 때 사용하는 형태
- jQuery에서 가장 많이 사용하는 형태
$(document).ready(
function() {
jQuery("h1").css("color","red");
});
h1 -> 선택자
.css("color","red") -> 메서드
JQuery 전체 선택자 (Wildcard Selector)
- CSS의 가장 기본적인 선택자
- HTML 페이지에 있는 모든 문서 객체를 선택하는 선택자 ‘*’
// 모든 문서 객체의 color 스타일 속성에 red 입력
$(document).ready(
function() {
$("*").css("color", "red");
});
<br>
<h4 id="first"> 축구 </h4>
<h4 class="point"><a> 야구 </a></h4>
<h4 id="third" class="point"><b><a> 농구 </a></b></h4>
<h4 class="strong"> 배구 </h4>
JQuery 태그 선택자
$(document).ready(
function() {
// 태그선택자
$("body").css("color", "blue");
$("h2").css("color", "yellow");
$("h4").css("color", "lime");
});