Question

我有像这样的HTML代码

<button>Button One</button>
<button>Button Two</button>
<button>Button Three</button>
<input type="Text" value="Content Text">
<a href="somewhere.php">URL</a>

如果点击任何按钮

，我需要获取活动

我被尝试使用：

$(":button").click(function() {
    alert("button click");  
});

感谢您的帮助

Answer 1

由于jQuery的自定义:button选择器已提供，因此在您运行代码时存在按钮，因此您将拥有的功能。为了使它们存在，要么：

您必须将代码放在script元素<=>> HTML中的按钮之后（在结束</body>标记之前），或< / p>
您必须使用jQuery的ready回调等待元素创建
您必须以其他方式延迟执行代码，例如window load回调，但在页面加载过程中非常

请注意，使用jQuery的自定义CSS选择器可能不太理想，您可能希望将$(":button")更改为$("button")或$("button, input[type=button]")，以便jQuery可以将其移交给浏览器的内置CSS选择器引擎。

＃1的例子：

<button>Button One</button>
<button>Button Two</button>
<button>Button Three</button>
<input type="Text" value="Content Text">
<a href="somewhere.php">URL</a>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(":button").click(function() {
    alert("button click");  
});
</script>

＃2的例子：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function() { // Or: `$(document).ready(function() {`, they're the same
  $(":button").click(function() {
    alert("button click");  
  });
});
</script>
<button>Button One</button>
<button>Button Two</button>
<button>Button Three</button>
<input type="Text" value="Content Text">
<a href="somewhere.php">URL</a>

Answer 2

试试这个：删除:。这是标记选择器，没有.，没有:或没有#，只有标记名称。

$("button").click(function() {
    alert("button click");  
});

有关 jQuery Selectors

的更多信息

Answer 3

只需从:活动中删除.click。

你有一个小提琴：http://jsfiddle.net/u1q6obLz/

阅读有关jQuery选择器HERE

的更多信息

任何按钮点击Javascript或Jquery获取事件

3 个答案: