自己的分類使用Javascript

Question

我如何使用下面的代碼，與我自己的類？

$('div').click(function(){ 
$(this).animate({height:'300'}) 
}) 

Forexample：

.changeheight{ 
width:100px; 
height:100px; 
background:red; 
} 

以及我如何給它，一個onclick鏈接或按鈕？

Answer 1

所以......正如我在評論$("div.changeheight") or simply $(".changeheight")

說不過你也有你原來的問題中的一個問題。

所以，如果你想火這個功能，單擊另一個元素（按鈕，DIV，任何你想要的），而不是$(this).doSomething()時，使用$(".myClass").doSomething()

例子：

$("#myButton").click(function(){ 
 
    $("div.changeheight").animate({height:'300'}) 
 
});

.changeheight{ 
 
width:100px; 
 
height:100px; 
 
background:red; 
 
margin: auto; 
 
} 
 

 
#myButton { 
 
    line-height: 20px; 
 
    width: 50px; 
 
    border-radius: 5%; 
 
    background-color: #efefef; 
 
    padding: 10px 5px; 
 
    display: block; 
 
    margin:auto; 
 
    text-align: center; 
 
    cursor: pointer; 
 
}

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

 
<div id="myButton">Fire!!</div>

希望它有幫助。 乾杯，

Answer 2

只需更改選擇在jQuery的調用，以配合您的CSS：

$('.changeheight').click(function(){ 
    $(this).animate({height:'300'}) 
})