[jQuery] CSS 선택자

제이쿼리를 사용하면 손쉽게 HTML 요소를 선택하여, 선택된 요소에 특정 동작을 설정할 수 있습니다.
제이쿼리에서는 요소를 선택하기 위해 대부분의 CSS 선택자뿐만 아니라 몇몇 비표준 선택자까지 제공하고 있습니다.

아이디(id) 사용 선택

$(function() {
  $("p").on("click", function() {
    $("#jq").css("border", "2px solid orange"); // 아이디가 "jq"인 요소를 선택함.
  });
});

클래스(class) 사용 선택

$(function() {
  $("p").on("click", function() {
    $(".jq").css("backgroundColor", "lightgray");
  });
});

속성(arrtibute) 사용 선택

$(function() {
  $("button").on("click", function() {
    $("img[alt='flower']").attr("src", "/examples/images/img_monalisa.png");
  });
});