jquery에 클래스가 존재하는지 확인하는 방법

jquery에 클래스가 있는지 확인하는 방법: 1. [is('.classname')] 메서드를 사용합니다. 2. [hasClass('classname')] 메서드를 사용합니다. 코드는 [$('div')입니다. ).hasClass('redColor')].

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

jquery에 클래스가 존재하는지 확인하는 방법:

jquery에서는 두 가지 방법을 사용하여 요소에 특정 클래스(클래스)가 포함되어 있는지 확인할 수 있습니다. 두 방법 모두 동일한 기능을 갖습니다. 2가지 메소드는 다음과 같습니다:

• is('.classname')

• hasClass('classname')

다음은 div 요소에 redColor가 포함되어 있는지 여부에 대한 예입니다.

1. is('.classname')is(‘.classname’)的方法

$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

2 메서드를 사용하세요. hasClass('classname') 메서드를 사용하세요(jquery의 하위 버전은 hasClass('. classname'))

.redColor {
background:red;
}
.blueColor {
background:blue;
}




jQuery check if an element has a certain class
This is a div tag with class name of "redColor"

is('.redColor') hasClass('.redColor') reset

$("#isTest").click(function () { if($('div').is('.redColor')){ $('div').addClass('blueColor'); } }); $("#hasClassTest").click(function () { if($('div').hasClass('redColor')){ $('div').addClass('blueColor'); } }); $("#reset").click(function () { location.reload(); });

로그인 후 복사

다음은 요소에 redColor 클래스가 포함되어 있는지 여부를 감지하는 예입니다. 포함되어 있으면 해당 클래스를 blueColor로 변경하세요.

rrreee

관련 무료 학습 권장 사항: JavaScript

(비디오)

🎜

위 내용은 jquery에 클래스가 존재하는지 확인하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!