목록마지막 자식 선택자 (1)

SeouliteLab

jQuery의 :last-child 선택자 활용하기

jQuery의 :last-child 선택자는 부모 요소의 마지막 자식 요소를 선택하는 데 사용됩니다. 이 선택자를 활용하여 웹 페이지에서 마지막 자식 요소를 선택하고 스타일을 변경하거나 이벤트를 추가할 수 있습니다. 예제 1: 마지막 자식 요소에 스타일 적용하기 항목 1 항목 2 마지막 항목 설명: 위 예제는 ul 요소의 마지막 자식 li 요소에 글꼴을 굵게 만듭니다. 예제 2: 마지막 자식 요소에 이벤트 추가하기 항목 1 항목 2 마지막 항목 설명: 이 예제는 ul 요소의 마지막 자식 li 요소를 클릭하면 알림창이 뜨는 이벤트를 추가합니다. 예제 3: 특정 클래스를 가진 요소의 마지막 자식 선택하기 박스 1 박스 2 마지막 박스 설명: 이 예제는 box 클래스를 가진 요소 중 마지막 자식을 선택하여 배..
프로그래밍 2024. 4. 12. 08:11
이전 Prev 1 Next 다음