>웹 프론트엔드 >JS 튜토리얼 >jquery에 클래스가 존재하는지 확인하는 방법

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

coldplay.xixi
coldplay.xixi원래의
2020-11-24 14:24:419283검색

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

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

이 튜토리얼의 운영 환경: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:jQuery에서 선택 옵션을 삭제하는 방법은 무엇입니까?다음 기사:jQuery에서 선택 옵션을 삭제하는 방법은 무엇입니까?

관련 기사

더보기