SeouliteLab

jQuery의 .hasClass() 메서드는 선택한 요소가 특정 클래스를 가지고 있는지 여부를 확인합니다. 이를 통해 요소의 클래스를 조건에 따라 동적으로 처리할 수 있습니다. 예제 1: 클래스 유무 확인하기 활성화된 요소 예제 2: 조건부로 클래스 추가하기 활성화된 요소 예제 3: 반복문을 이용한 클래스 유무 확인 요소 1 요소 2 요소 3

jQuery의 .attr() 메서드는 선택한 요소의 속성(attribute)을 가져오거나 설정합니다. 이를 통해 HTML 요소의 속성을 동적으로 조작할 수 있습니다. 예제 1: 속성 가져오기 링크 예제 2: 속성 설정하기 예제 3: 다중 속성 설정하기

jQuery의 .addClass() 메서드는 선택한 요소에 하나 이상의 클래스를 추가합니다. 이를 통해 동적으로 요소의 스타일이나 동작을 변경할 수 있습니다. 예제 1: 클래스 추가 요소 1 /* 스타일시트 */ .highlight { background-color: yellow; } 요소 1 예제 2: 여러 클래스 추가 요소 2 /* 스타일시트 */ .highlight { background-color: yellow; } .border { border: 2px solid black; } 요소 2 예제 3: 반복문을 이용한 클래스 추가 아이템 1 아이템 2 아이템 3 /* 스타일시트 */ .highlight { background-color: yellow; } 아이템 1 아이템 2 아이템 3