jQuery 선택자: HTML 요소 선택의 마스터하기

// 모든 <p> 요소 선택
$("p")

// 클래스가 "highlight"인 요소 선택
$(".highlight")

// 아이디가 "myElement"인 요소 선택
$("#myElement")

// <ul> 아래의 모든 <li> 요소 선택
$("ul li")

// <ul> 바로 아래의 <li> 요소 선택
$("ul > li")

// type 속성이 "button"인 요소 선택
$("[type='button']")

// 첫 번째 <p> 요소 선택
$("p:first")

// 마지막 <p> 요소 선택
$("p:last")

// 짝수 번째 <tr> 요소 선택
$("tr:even")

// 홀수 번째 <tr> 요소 선택
$("tr:odd")

// 클래스가 "special"인 <p> 요소 선택
$("p").filter(".special")

// <h2> 다음에 있는 <p> 요소 선택
$("h2 + p")

// <h2> 다음에 있는 모든 <p> 요소 선택
$("h2 ~ p")

// href 속성을 가진 모든 <a> 요소 선택
$("a[href]")

// href 속성 값이 "https://"로 시작하는 요소 선택
$("[href^='https://']")

// href 속성 값이 ".pdf"로 끝나는 요소 선택
$("[href$='.pdf']")

// title 속성 값에 "example"이 포함된 요소 선택
$("[title*='example']")

$("ul")
  .addClass("list-style")
  .find("li")
  .css("color", "blue");