Jquery 当表单字段处于活动状态时，使div显示

我需要创建一个div，该div在表单字段处于活动状态时显示包含提示，在表单字段不再处于活动状态时消失。我的表单字段都有ID，例如“每月租金”，我的小费有一个.monthly\u rent\u tip类。我如何使它在必要时出现和消失

这是我目前拥有但不起作用的代码

<script type="text/javascript">
jQuery(document).ready(function()
   {
        jQuery('.tip.left.monthly_rent_tip').hide(); //hide 
        jQuery('#monthly_rent').focus(function(){  
            jQuery('.tip.left.monthly_rent_tip').show(); //show
        }).blur(function(){  
            jQuery('.tip.left.monthly_rent_tip').hide(); //hide again
        });

  });
</script>

---

目前这没有任何作用，请任何人指出我犯的错误。

请检查此示例以了解您的问题

这是一个关于同一主题的stackoverflow问题

---

请检查此示例以了解您的问题

这是一个关于同一主题的stackoverflow问题

---

JQuery

首先将它们固定到

$

或

JQuery

中。您可以添加与js/css一起使用的html吗？

JQuery

首先将它们固定到

$

或

JQuery

中。您可以添加与js/css一起使用的html吗？谢谢。工具提示看起来非常好，但是我的表单是动态创建的，所以我不知道如何向表单添加“标题”。可以使用jQuery在中添加标题吗？谢谢。工具提示看起来非常好，但是我的表单是动态创建的，所以我不知道如何向表单添加“标题”。可以使用jQuery在中添加标题吗？

.tip {
position:relative;
padding:15px;
margin:1em 0 3em;
border:5px solid #f18500;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

.monthly_rent_tip {
top:1060px;
left:-130px;
}