jQuery 및 JavaScript를 사용하여 요소의 클래스 목록을 어떻게 얻고 사용할 수 있습니까?

jQuery를 사용하여 요소에 대한 클래스 목록 얻기

웹 페이지의 요소로 작업할 때 관련된 클래스 목록입니다. jQuery는 이 정보를 검색하는 편리한 방법을 제공합니다.

클래스 목록을 배열로 검색

요소에 할당된 모든 클래스 이름을 배열로 가져오려면 다음을 수행합니다. JavaScript의 className 속성을 사용하세요.

var classList = document.getElementById('divId').className.split(/\s+/);

이 메서드는 className 문자열을 배열로 분할하고 각 클래스 이름을 element.

클래스 이름 반복

클래스 목록이 배열로 있으면 이를 반복하여 특정 클래스를 검색할 수 있습니다.

for (var i = 0; i < classList.length; i++) {
    if (classList[i] === 'someClass') {
        // Do something
    }
}

jQuery 사용

jQuery는 사용하지만 클래스 목록을 배열로 검색하는 메서드를 직접 제공하지 않고 요소에 특정 클래스가 있는지 확인하는 데 사용할 수 있습니다.

if ($('#divId').hasClass('someClass')) {
    // Do something
}

요약하면 JavaScript의 className 속성과 jQuery의 hasClass() 메서드는 웹페이지에 있는 요소의 클래스 목록을 검색하고 상호작용하는 데 사용됩니다.

위 내용은 jQuery 및 JavaScript를 사용하여 요소의 클래스 목록을 어떻게 얻고 사용할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!