목록이미지 요소 (1)

SeouliteLab

jQuery의 :image 선택자 활용하기

jQuery의 :image 선택자는 문서 내에서 이미지 요소를 선택하는 데 사용됩니다. 이미지 요소는 태그로 정의되며, 이를 활용하여 이미지를 선택하고 스타일을 변경하거나 이벤트를 추가할 수 있습니다. 예제 1: 이미지 요소에 마우스 오버 이벤트 추가하기 설명: 위 예제는 문서 내의 모든 이미지 요소에 마우스를 올리면 투명도가 낮아지고 마우스를 벗어나면 다시 투명도가 원래대로 돌아갑니다. 예제 2: 이미지 요소에 클릭 이벤트 추가하기 설명: 이 예제는 문서 내의 모든 이미지 요소를 클릭하면 알림창이 뜨는 이벤트를 추가합니다. 예제 3: 이미지 요소에 클래스 추가하기 설명: 이 예제는 모든 이미지 요소에 image-style 클래스를 추가하여 테두리를 파란색으로 만듭니다.
프로그래밍 2024. 4. 12. 08:08
이전 Prev 1 Next 다음