English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
: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"); }); });테스트를 보고 보세요‹/›