jQuery 요소에 클래스가 첨부되어 있는지 확인합니다

jQuery 코드 스 니펫 웹 페이지 요소에 특정 CSS 클래스가 첨부되어 있는지 확인합니다. 요소에 추가 서식이 필요한지 또는 특정 페이지 요소를 보호하려는 지 확인하는 데 사용될 수 있습니다. 이를 위해 jQuery hasclass () 함수 또는 jQuery는 () 함수를 사용할 수 있습니다.

<span>$("div").click(function(){
</span>	<span>if ( $(this).hasClass("protected") ) {
</span>		<span>//do something it does have the protected class!
</span>		<span>alert("i have the protected class");
</span>	<span>}
</span><span>});</span>

또는 참고 :이 방법을 사용하면 다른 것을 테스트 할 수 있습니다. 즉 - 요소가 숨겨져 있는지 확인하십시오.

<span>$("div").click(function(){
</span>   <span>if ( $('#myDiv').is('.pretty.awesome') ) {
</span>	   <span>//do something it does have the protected class!
</span>	   <span>alert("i have the pretty and awesome classes");
</span>   <span>}
</span><span>});</span>

jQuery 및 요소 클래스에 대한 자주 묻는 질문 (FAQ) if ( $('#myDiv').is(':hidden') ) { //do something I am hidden! alert("i am hidden!"); } jQuery를 사용하여 요소에 여러 클래스가 있는지 확인할 수있는 방법?

jQuery에서 논리 연산자와 함께 hasclass () 메소드를 사용하여 요소가 여러 클래스가 있는지 확인할 수 있습니다. 예를 들어, 요소에 'class1'과 'class2'가 있는지 확인하려면 다음 코드를 사용할 수 있습니다.

if ($ ( '#element'). hasclass ( 'class1') && $ ( '#element'). ‘요소’, hasclass ( 'class1') 및 hasclass ( 'class2') 요소에 각각 'class1'과 'class2'가 있는지 확인하십시오. && 운영자는 두 조건 모두가 사실인지 확인합니다.

jQuery를 사용하여 아직없는 경우 요소에 클래스를 추가 할 수 있습니까?
예, jQuery () 메소드를 사용하여 아직없는 경우 클래스를 요소에 추가 할 수 있습니다. 다음은 다음과 같습니다.
if (! $ ( '#element'). hasclass ( 'class1')) { '#electment'). addClass ( 'class1');
}
이 코드에서 $ ( '#element')는 id‘#요소 ')를 선택하고'class1 '('class1)가있는 경우 ( 'class1' '을 선택합니다. 그렇지 않은 경우 AddClass ( 'class1')가 요소에 'class1'을 추가합니다.
jQuery를 사용하여 요소에서 클래스를 제거하는 방법?

jQuery에서 removeClass () 메소드를 사용하여 요소에서 클래스를 제거 할 수 있습니다. 예는 다음과 같습니다.

$ ( '#element'). removeClass ( 'class1');

이 코드에서 $ ( '#element')에서 ID '요소'가있는 요소를 선택하고 removeClass ( 'class1')를 요소에서 'class1'을 제거 할 수 있습니까? 요소에 jQuery를 사용하여 클래스가 있는지 확인하십시오. attr ( 'class') 메소드가 정의되지 않은지 확인하여이를 수행 할 수 있습니다. 다음은 다음과 같은 방법입니다.

if ($ ( '#element'). attr ( 'class')! == undefined) { // }
이 코드에서 ID 'emect'를 사용하여 요소를 선택하고 요소의 클래스 속성을 선택합니다. 정의되지 않은 경우 요소는 하나 이상의 클래스를 가지고 있습니다.
jQuery를 사용하여 요소에서 클래스를 토글 할 수 있습니까?

jQuery의 ToggleClass () 메소드를 사용하여 요소의 클래스를 전환 할 수 있습니다. 이것은 요소에 클래스가 있으면 제거 될 것임을 의미합니다. 수업이 없으면 추가됩니다. 예는 다음과 같습니다.

$ ( '#element'). ToggleClass ( 'class1');
이 코드에서는 $ ( '#element')에서 ID 'emeptment'및 toggleclass ( 'class1') Toggles 'class1'이있는 요소를 선택합니다.

위 내용은 jQuery 요소에 클래스가 첨부되어 있는지 확인합니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!