수업을 추가하는 것이 효과가 있음을 어떻게 증명할 수 있습니까?

Question

이것은 쉽게 알 수 있지만 Google에서 검색하거나 찾을 수있는 항목이 없습니다.

내가

document.getElementById(someId).className += " whateverClass"; 

또는

$('#').addClass('whateverClass'); 

를 사용하는 경우 어떻게이 콘솔의 증명할 수 있습니까? .hasClass()를 사용하여 jQuery를 충분히 쉬운

Answer 1

(나는 알 수 있도록 해당 단계가 제대로 작동) : 당신은 당신의 코드 또는 브라우저 콘솔 자체에서 이것을 실행할 수

console.log($('#someId').hasClass('whateverClass')); 

.

Answer 2

인스펙터 (오른쪽 클릭 -> 요소 검사)에서 요소가 클래스가 추가되었는지 확인하거나 콘솔에서 $("#selector")을 수행하고 반환 된 속성을 검사 할 수 있습니다. 그 실패

는

Answer 3

jQuery를 그 방법이 있습니다 (.. 굵은 텍스트, 빨간색 개요, 대문자 등) 시각적으로 추가 된 확인합니다 CSS 클래스에서 뭔가. 여러 클래스를 추가의

if($('#test').hasClass('whateverClass')) { 
    // Awesome code.. 
} 

자바 스크립트에서

https://api.jquery.com/hasclass/

Answer 4

, rightwa 당신은 simpily

하여이를 달성 할 수있는,

var el=document.getElementById(id); 
el.classList.add("your-class"); 

하지 JQuery와에

document.getElementById(someId).className += " whateverClass"; 

입니다 JQuery와 경고에

$("#"+id).addClass("your-class"); 

당신은 클래스가 존재하는지 여부를 확인할 수 있습니다 여부를

($ ('#'+ ID) .hasClass ('당신의 클래스')) 가장 쉬운 방법은에