목록인접 형제 선택자 (1)

SeouliteLab

jQuery의 인접 형제 선택자 활용하기

jQuery의 인접 형제 선택자인 (“prev + next”)는 특정 요소의 바로 다음에 오는 형제 요소를 선택하는 데 사용됩니다. 이 선택자를 활용하면 웹 페이지에서 특정 요소와 그 다음에 오는 요소를 선택하여 스타일을 변경하거나 동적으로 조작할 수 있습니다. 예제 1: 버튼 클릭 시 다음 요소 보이기 내용 토글 이 내용은 토글됩니다. 다음 요소는 이 문단입니다. 설명: 위 예제는 버튼을 클릭하면 해당 버튼 다음에 오는 요소인 .content를 토글하여 보이거나 숨깁니다. 예제 2: 특정 클래스를 가진 요소 스타일 변경하기 선택된 요소 이전 요소에 스타일이 적용됩니다. 다음 요소에는 적용되지 않습니다. 설명: 이 예제는 .selected 클래스를 가진 요소 바로 다음에 오는 p 요소에 글꼴을 굵게 만듭..
프로그래밍 2024. 4. 12. 08:15
이전 Prev 1 Next 다음