jQuery 선택기

jQuery 선택기는 jQuery 라이브러리의 가장 중요한 부분 중 하나입니다.

jQuery 선택기

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

jQuery 선택기는 이름, ID, 클래스, 유형, 속성, 속성 값 등을 기반으로 HTML 요소를 "찾거나 선택"하는 데 사용됩니다. 기존 CSS Selectors 를 기반으로 하며, 또한 몇 가지 고유한 사용자 지정 선택기가 있습니다.

jQuery의 모든 선택자는 달러 기호와 괄호 $()로 시작합니다.

요소 선택기

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

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

$("p")

예시

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

예시

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

#id 선택기

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

id는 페이지 내에서 고유해야 하므로 단일 고유 요소를 찾으려면 #id 선택기를 사용해야 합니다.

특정 ID를 가진 요소를 찾으려면 HTML 요소의 ID 뒤에 해시 문자를 작성하십시오.

$("#test")

예시

사용자가 버튼을 클릭하면 id="test"인 요소가 숨겨집니다.

예시

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

.class 선택기

jQuery .class선택기는 특정 클래스의 요소를 찾습니다.

특정 클래스의 요소를 찾으려면 마침표 문자와 클래스 이름을 차례로 작성하세요.

$(".test")

예시

사용자가 버튼을 클릭하면 class="test"인 요소가 숨겨집니다.

예시

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