在點擊按鈕時增加CSS屬性

Question

我想知道是否有方法在單擊按鈕時增加CSS屬性的值。

例如CSS的將是

.Testclass{ 
font-size:30px; 
} 

是有由10每次按鈕被單擊起訴JS或jquery的時間，以增加在該CSS屬性的數量的方法。

Answer 1

試試下面這段代碼...

EDIT（見下面的註釋）： 將這個進入功能

var p = parent_window.document.body; 
var size = $('#teleprompter',p).css('font-size').slice(0,-2); 
size-=10; 
$('#teleprompter',p).css('font-size',size+'px'); 

其他片段（舊）：

$('button[name=btn]').click(function(){ 
 
    var size = $('.Testclass').css('font-size').slice(0,-2); 
 
    size -=10; 
 
    $('.Testclass').css('font-size',size+'px') 
 
    });

.Testclass{ 
 
font-size:30px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button name="btn">Make the font-size smaller!</button><div class="Testclass">TEXT</div>

來自奧地利的問候