jQuery 셀렉터(selectors)는 jQuery 라이브러이의 가장 중요한 부분들 중 하나입니다.

jQuery 셀렉터를 사용하면 HTML 요소를 선택하고 조작할 수 있습니다.

jQuery 셀렉터는 이름, id, 클래스, 유형(types), 속성(attributes), 속성 값 등을 기반으로 HTML 요소를 “찾기(즉, 선택)“에 사용됩니다.
기존의 CSS 셀렉터를 기반으로 하고, 추가로 사용자 지정 셀텍터가 있습니다.

jQuery의 모든 셀렉터는 달러 기호와 괄호 $()로 시작합니다.

jQuery 요소 셀렉터는 요소 이름을 기반으로 요소를 선택합니다.

다음과 같이 페이지에서 모든 <p> 요소를 선택할 수 있습니다.

$("p")

사용자가 버튼을 클릭하면, 모든 <p> 요소들이 숨겨집니다.

$(document).ready(function() {
  $("button").click(function() {
    $("p").hide();
  });
});

jQuery #id 셀렉터는 HTML 태그의 id 속성을 사용하여 특정 요소를 찾습니다.

id는 페이지 내에서 유일해야 해서, 단 하나의 유일한 요소를 찾으려면 #id 셀렉터를 사용해야 합니다.

특정 id를 가진 요소를 찾으려면, 해시 문자와 HTML 요소의 id를 차례로 작성하십시오.

$("#test")

사용자가 버튼을 클릴하면, id=“test”를 가진 요소는 숨겨집니다.

$(document).ready(function() {
  $("button").click(function() {
    $("#test").hide();
  });
});