English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery :first 선택자

jQuer 선택자

:first 선택자는 첫 번째 일치하는 DOM 요소를 선택합니다.

그것은 일반적으로 다른 선택자와 함께 사용되어 그룹의 첫 번째 요소를 선택합니다(예를 들어 아래 예제와 같이).

주의: first 선택자는 하나의 요소만 선택할 수 있습니다.

사용:first-child선택자는 부모 요소에 속한 첫 번째 자식 요소를 선택합니다.

문법:

$(":first")

예제

첫 번째 문단 선택:

$(document).ready(function(){
  $("p:first").css("background", "coral");
});
테스트를 보고 보세요‹/›

첫 번째 목록 항목 선택:

$(document).ready(function(){
  $("li:first").css("background", "coral");
});
테스트를 보고 보세요‹/›

첫 번째 행 선택:

$(document).ready(function(){
  $("tr:first").css("background", "coral");
});
테스트를 보고 보세요‹/›

보이기: first와 first-child 선택자 간의 차이:

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p:first").css("background-color", "coral");
  });
  $("#btn2").click(function(){
    $("p:first-child").css("background-color", "lightgreen");
  });
});
테스트를 보고 보세요‹/›

jQuer 선택자