javascript - 访问 JQuery 中的两个不同按钮

标签 javascript jquery html

我是 Web 开发新手,现在正在学习 JQuery。我这里有一个疑问。这是来自 W3Schools.com 的代码。我想知道如果我在此处再添加一个按钮,如何仅针对第一个按钮的单击事件运行此 JavaScript。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
<br />
<button>Second Button</button>
</body>
</html>

最佳答案

您可以向按钮添加一个 ID,并通过如下选择在该 ID 上放置一个点击事件(如果按钮 ID 为“submitForm”)$("#submitForm")

事实上,有很多方法可以用jquery选择元素,看看这个:http://api.jquery.com/category/selectors/

在您的具体示例中,如果您不想在按钮上放置 ID,则可以使用 :first 仅访问第一个,如下所示 $("button:first")

关于javascript - 访问 JQuery 中的两个不同按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16024185/

相关文章:

javascript - NodeJS + Express + Mongoose(MongoDB) 数据库插入报错

jquery - 2个div相同高度: Who can help me fix this (please!)?

javascript - "Uncaught ReferenceError: $ is not defined"与另一个错误

php - 如何获取网站源作为原始文本 Jquery

javascript - 在构造函数中定义函数会比将其附加到原型(prototype)消耗更多的内存吗?

javascript - window.location.hash - 它是什么及其用例?

javascript - 使用 JSON key 中的 css class/id

jquery - 如何删除 Bootstrap 多选边框颜色

javascript - virtual-dom - 如何获取真实的 DOM 元素以便与 spin.js 集成?

html - Bootstrap 导航栏下拉按钮事件颜色的问题