Question

如标题所述。我该如何实现？

谢谢！

$('.notVisible').click (function(){
  alert("im the invisivle button")
});

$('.visible').click (function(){
  alert("im the visible button")
});

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<div style="display:none">
<button class="notVisible">I'm invisible</button>
</div>
<div>
<button class="visible">I'm visible</button>
</div>

Answer 1

如果要通过显示b来“激活”第二个按钮，或者通过单击来“激活”第二个按钮，那么并不清楚是什么意思，而是“主动单击第二个按钮”

我假设您是说第二种方式，在这种情况下，只需将click事件添加到其中，然后在事件内部单击.click，就不需要使用jQuery

btn1.onclick = () => btn2.click()

如果您想在单击时显示隐藏按钮，则只需将样式从“隐藏”更改为“无”，然后返回即可，或者添加一个带有“隐藏”的类并进行切换

btn1.onclick = () => btm2.classList.toggle("hidden")

然后为隐藏做 ` 。隐{ 显示：无 }

Answer 2

点击可见按钮-> onclick隐藏visible Button并显示 notVisible Button

点击不可见按钮-> onclick隐藏notVisible Button并显示 visible Button

$('.notVisible').click (function(){
  $(this).hide();
  $(".visible").show();
  alert("im the invisivle button")
});

$('.visible').click (function(){
 $(this).hide();
  $(".notVisible").show();
  alert("im the visible button")
});

.notVisible{display:none}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button class="notVisible">I'm invisible</button>

<button class="visible">I'm visible</button>

是否可以单击一个按钮然后激活单击另一个按钮？

2 个答案: