jquery onclick提交无法正常工作[重复]

Question

我是 stackoverflow 的新手。

我正在将 jQuery 用于应用程序。由于某些原因，onclick 提交无法更改提交按钮的颜色。

这是我的问题的最小演示。

$(document).ready(function() {
   $("input[type='submit']").onClick(function(){
      $(this).css('background-color','red');
    });
});

.blue{
  background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="submit" value="submit" class="blue">
</form>

Answer 1

尝试使用...

   
 $(document).ready(function() {
    $('#my-form').on('submit', function(){
      $(this).css('background-color','red');
    });
  });

使用上面的代码专门用于表单提交，而不是使用.click。如果你确实使用它，你还必须在你的my-form元素前面指定.或#，因为它在你的html中声明，就像这样..#my-form或.my-form取决于它是否是一个类 (.) 或一个 id (#)