Question

我正在为我的最终项目开发一个addClass方法。我检查了所有内容以确保没有拼写错误，但点击按钮并不会改变文本颜色。

这是我的代码：

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <title>Final Project: Home</title>
      <style type="text/css">
      .theColor {
         color: white;
      }
      </style>
   </head>
   <body>
   <script src="jquery-2.1.3.js"></script>
   <script src="script.js"></script>
   <p><input id="theButton" type="button" value="Add Class!" /></p>
   <h4 id="theText">Some Text</h4>
   </body>
</html>

这是我的jQuery代码：

$('#theButton').click(function(){
    $('#theText').addClass('theColor');
});

Answer 1

您应该等到页面加载后才能绑定事件：

$(document).ready(function(){
  $('#theButton').click(function(){
     $('#theText').addClass('theColor');
  });
})

为什么我的addClass方法不起作用？

1 个答案: