jquery - Jquery 切换焦点/模糊

Question

试图在文本框上的焦点和模糊之间切换，这样当我关注它时会弹出一条消息，当我模糊它时，它会被删除并出现模糊消息。做了一些研究，但我摸不着头脑，感谢任何帮助。JS：

    $(function() {
       $("#name").focus(function() {
          $("#msg").html("<i>Ah, I see you like clicking 
    boxes...</i>");
    });

     $("#name").blur(function(){
       $("#blur-msg").html("<b>WHERE DO YOU THINK 
    YOU'RE GOING?!</b>");
   });

});

Answer 1

我让它像这样工作。确保您的 id 正确放置在 HTML 中。

<div >
  <input id="name" type="text"/>
  <div id="msg">
    <i>Ah, I see you like clicking boxes...</i>
  </div>
  <div id="blur-msg">
    <b>WHERE DO YOU THINK YOU'RE GOING?!</b>
  </div>
</div>




$("#msg").hide();
$("#blur-msg").hide();

$("#name").focus(function() {
  $("#msg").show();
  $("#blur-msg").hide();
});

$("#name").blur(function(){
  $("#msg").hide();
  $("#blur-msg").show();
});