jquery - 如何使用 jQuery 将函数绑定(bind)到所有输入元素？

Question

假设我有这组 HTML 标记和 CSS

#CSS

.inputhelp_text { background: #000; color: #fff; }
.nodisplay { display: none; }

<input class="inputhelp" id="firstname" /><span class="inputhelp_text nodisplay" id="help_firstname">Write in your firstname</span>

<input class="inputhelp" id="lastname" /><span class="inputhelp_text nodisplay" id="help_lastname">Write in your lastname</span>

使用 jQuery，我需要将一个函数绑定(bind)到所有输入字段(我猜是使用 jQuery 的 EACH 函数)，这样当我单击输入字段时，它应该将每个跨度的类切换为仅“inputhelp_text”。我已经让这个在每个字段的两个独立函数中工作，但由于我有很多字段，我知道有更好的方法来解决它。

有什么建议吗？

Answer 1

您想将处理程序绑定(bind)到 blur()和 focus()事件:

$(".inputhelp").focus(function() {
  $("span.inputhelp_text:visible").addClass("nodisplay");
  $(this).next("span.inputhelp_text").removeClass("nodisplay");
}).blur(function() {
  $("span.inputhelp_text").addClass("nodisplay");
});

通常我建议使用 jQuery 效果，例如 hide()和 show()但这些仅适用于 block 级元素。 <span>是内联的，所以这行不通。