在Jquery中显示的段落
代码HTML:在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上时显示 我怎样才能解决这个问题? 你能帮我吗
<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>