为什么class.click方法不起作用?

时间:2016-01-09 05:32:26

标签: html onclick

我是网络编程的初学者。我正在尝试将click方法分配给className。但它不起作用,互联网上没有解决方案适合我。我该如何解决这个问题?

我的简单代码:

<html>
<head>
<title>ada</title>

<style>
.menu{background-color:green;}
</style>

<script>
$(document).on("click",".menu",function()
{
alert("Hello World");
});
</script>
</head>

<body>
<input type="button" class="menu" value="click!" />
</body>
</html>

3 个答案:

答案 0 :(得分:1)

添加jquery库文件

http://code.jquery.com/jquery-1.8.3.min.js

  $(document).on("click",".menu",function()
{
alert("Hello World");
});

https://jsfiddle.net/uq8zf0m4/

答案 1 :(得分:1)

window.age = 24; // earlier, var age  = 24;
window.age = 2; // earlier, this.age = 2;

答案 2 :(得分:1)

第一。确保在head元素的脚本标记中引用Jquery api。

第二。一个很好的教程和易于阅读的初学者参考 http://www.w3schools.com/jquery/event_click.asp