2

我是 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>
4

2 回答 2

1

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

实际上，您可以通过多种方式使用 jquery 选择元素，请查看：http ://api.jquery.com/category/selectors/

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

于 2013-04-15T20:30:50.123 回答
1

改变

  $("button").click(function(){
    $("p").hide();
  });

至

  $("button").eq(0).click(function(){
    $("p").hide();
  });

这只会绑定到第一个按钮的点击事件。请参阅http://api.jquery.com/eq/。

jsFiddle 示例

于 2013-04-15T20:34:23.760 回答