jQuery에서 버튼을 클릭 한 후 클래스를 호출하십시오.

Question

버튼을 클릭 할 때 특정 클래스를 호출하려면 어떻게해야합니까? 지금까지 내 jQuery 코드는 다음과 같습니다

$(document).ready(function() { 
    $('.btn').click(function() {  
     //script to call a class 
    }); 
    }) 

지금 나는 HTML 클래스가 있습니다. 필요한 것은 버튼을 클릭 할 때 해당 클래스를 호출하는 것입니다.

<div class="page-loader-wrapper"> 
    <div class="loader"> 
     <div class="preloader"> 
      <div class="spinner-layer pl-red"> 
       <div class="circle-clipper left"> 
        <div class="circle"></div> 
       </div> 
       <div class="circle-clipper right"> 
        <div class="circle"></div> 
       </div> 
      </div> 
     </div> 
     <p>Please wait...</p> 
    </div> 
</div> 

어떻게하면됩니까?

Answer 1

$('.btn').click(function() { 
 
    //script to call a class 
 
    var myClass = $(".page-loader-wrapper"); 
 
    
 
    // display the class or whatever 
 
myClass.toggle(); 
 
    
 
    //if you mean calling a function instead of class it can be done like this. 
 
    myFunction(); 
 
    
 
}); 
 

 
// test function 
 
function myFunction(){ 
 
    console.log("This is a test..."); 
 
}

.page-loader-wrapper { 
 
    border: 1px solid red; 
 
    height: 200px; 
 
    width: 200px; 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<button class='btn'>PRESS ME</button> 
 
<br> 
 
To access a class and modifiy it you just need to reference the class name and then you can do stuff with it. Like this: 
 
<pre> 
 
var myClass = $(".page-loader-wrapper"); 
 
myClass.toggle(); 
 
</pre> 
 
<div class="page-loader-wrapper"> 
 
    <div class="loader"> 
 
    <div class="preloader"> 
 
     <div class="spinner-layer pl-red"> 
 
     <div class="circle-clipper left"> 
 
      <div class="circle"></div> 
 
     </div> 
 
     <div class="circle-clipper right"> 
 
      <div class="circle"></div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    <p>Please wait...</p> 
 
    </div> 
 
</div>

Answer 2

당신은 p는 선택과 소개는 클래스 이름입니다 JQuery와 클래스 추가 방법

$("p").addClass("intro"); 

를 사용하여 HTML 요소에 클래스를 추가 할 수 있습니다.