在Jquery中显示的段落

在Jquery中显示的段落,jquery,html,css,Jquery,Html,Css,代码HTML: <div> <p>text to appear when the user puts the mouse over</p> </div> 代码JQuery: $( 'div' ).hover( function () { $( 'p' )//What function should I use here? ); }); 我希望该段落仅在用户将箭头放在我的div上时显示 我怎样才能解决这个问题? 你能帮我吗

代码HTML:

<div>
    <p>text to appear when the user puts the mouse over</p>
</div>
代码JQuery:

  $( 'div' ).hover( function () {

    $( 'p' )//What function should I use here? );

});
我希望该段落仅在用户将箭头放在我的div上时显示

我怎样才能解决这个问题? 你能帮我吗


提前谢谢

实现这一点的方法有很多。请参见下面的方法

$('div').hover(function () {
  $( 'p' ).show()
});
$(函数(){
var content;//声明一个变量
content=$('p').text();//仅将变量分配给p的内容
$('p').text(“”);//默认情况下将内容保留为空
$('p').mouseenter(函数(){
$(this).text(content);//现在在鼠标输入时显示它
}).mouseleave(函数(){//鼠标离开时为空
$(此).text(“”);
});
});
p{
背景:蓝色;
宽度:100px;
高度:100px;
}


当用户将鼠标放在

上时显示的文本这与其他文本相同,只是添加了$(document).ready

 <script>
  $(document).ready(function(){
    $( 'div' ).hover( function () {

     $( 'p' ).show();

    });
  });

</script>

$(文档).ready(函数(){
$('div')。悬停(函数(){
$('p').show();
});
});

根据jquery代码在页面上的位置,可能需要声明$(文档)。如果它位于头部,则它是必需的

来这里之前做些调查有时会有帮助。网上有大量的文档和教程。谷歌搜索也有助于你找到正确的方向。搜索“mouse over div jquery event”和“show p jquery”,而这个代码片段可能会解决这个问题,这确实有助于提高文章的质量。请记住,您将在将来回答读者的问题,而这些人可能不知道您的代码建议的原因。请欣赏msrd0的评论。
 <script>
  $(document).ready(function(){
    $( 'div' ).hover( function () {

     $( 'p' ).show();

    });
  });

</script>