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はセレクタであり、イントロクラス名、クラスメソッド

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

を追加jqueryの使用して要素をHTMLにクラスを追加することができます。