목록:not() 선택자 (1)

SeouliteLab

jQuery의 :not() 선택자를 활용한 입력 요소 스타일 변경

아래는 jQuery를 사용하여 선택된 입력 요소 중에서 체크되지 않은(input:not(:checked)) 요소 뒤에 나타나는 span 요소의 배경색을 노란색으로 변경하는 예제입니다. $( "input:not(:checked) + span" ).css( "background-color", "yellow" ); 설명: $() 함수는 jQuery 선택자를 사용하여 HTML 요소를 선택합니다. input:not(:checked)는 체크되지 않은(input:not(:checked)) 모든 입력 요소를 선택합니다. + 연산자를 사용하여 선택된 입력 요소 바로 뒤에 나타나는(span) 요소를 선택합니다. css() 함수를 사용하여 선택된 span 요소의 배경색을 노란색으로 변경합니다. 예제 2: 체크된 입력 요소 ..
프로그래밍 2024. 4. 12. 10:20
이전 Prev 1 Next 다음