Question

请根据我在下面的按钮给我一个示例，而不使用onclick功能：

<button id="button1">Example 1</button>
<button id="button2" style='display:none;'>Example 2</button>

例如：

Button1是默认的，点击它后会隐藏，而button2将是出现后再次点击button2将隐藏，button1将会出现了。

我需要一个jQuery，只需要ID，而不是onclick函数。

是否可以获取隐藏和显示按钮的ID？

提前致谢

Answer 1

您可以使用 not() 做一些简单的事情，如果没有点击事件处理程序，您也无法做到这一点

＆＃13;

var btn = $('#button1,#button2').click(function() { // bind click handler to both button
  $(this).hide(); // hide the clicked button
  btn.not(this).show(); // show the another button which is hidden
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="button1">Example 1</button>
<button id="button2" style='display:none;'>Example 2</button>

＆＃13;

单击后隐藏并显示两个按钮

1 个答案: