목록버튼 스타일링 (1)

SeouliteLab

jQuery를 사용한 유일한 자식인 버튼 스타일링

아래는 jQuery를 사용하여 div 요소 아래에 유일한 자식으로 있는 버튼에 스타일을 적용하는 예제입니다. $( "div button:only-child" ).text( "Alone" ).css( "border", "2px blue solid" ); 설명: $() 함수를 사용하여 jQuery 선택자를 지정합니다. "div button:only-child"는 div 요소 아래에 있는 유일한 자식으로 있는 버튼을 선택합니다. text() 함수를 사용하여 선택된 버튼의 텍스트를 "Alone"으로 변경합니다. css() 함수를 사용하여 선택된 버튼에 파란색 실선 테두리를 적용합니다. 예제 2: 유일한 자식인 이미지에 스타일 적용하기 $( "div img:only-child" ).css( "width", "10..
프로그래밍 2024. 4. 12. 10:24
이전 Prev 1 Next 다음