javascript - 使用 javascript 的字体调整器不起作用

Question

我正在尝试为用户创建字体调整器。我可以使用“this”来处理框。但是我不能使用按钮。我该怎么做？我使用的是 class 而不是 id(如果我像 #keko 一样使用它就可以了)

.keko {
    position: relative;
    width:70px;
	height:70px;
    margin: auto;
	font-size: 15px;
    background: green;
    }

<link rel="stylesheet" href="Label.css%20-%20Label%20every%20thing!_dosyalar/style.css">
<link rel="stylesheet" href="Label.css%20-%20Label%20every%20thing!_dosyalar/label.css">
     
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $(".keko").click(function(){
            $(this).css("font-size", "50px");
        });    
    });	
    </script>
                  
 <div class="keko"><p>This text</p><div>
 <button type="button">Add CSS Styles</button>

Answer 1

使用对应的选择器:

$(document).ready(function() {
  $('button').click(function() {
    $(".keko").css("font-size", "50px");
  });
});

.keko {
  position: relative;
  width: 70px;
  height: 70px;
  margin: auto;
  font-size: 15px;
  background: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<div class="keko">
  <p>This text</p>
<div>

<button type="button">Add CSS Styles</button>