Javascript JQuery';s悬停功能不显示警告消息
我试图在悬停发生时显示一个带有消息“让我们玩得开心!”的警告框。它必须使用包含就绪事件的jQuery脚本块和jQuery语句来侦听主元素中的悬停事件。然后使用JavaScript显示警报框。 下面的代码是我所拥有的,但当我将鼠标悬停到“让我看看”的超链接时,它不会显示警报mssg 我在网上调查过,但不知道错在哪里Javascript JQuery';s悬停功能不显示警告消息,javascript,jquery,html,hover,Javascript,Jquery,Html,Hover,我试图在悬停发生时显示一个带有消息“让我们玩得开心!”的警告框。它必须使用包含就绪事件的jQuery脚本块和jQuery语句来侦听主元素中的悬停事件。然后使用JavaScript显示警报框。 下面的代码是我所拥有的,但当我将鼠标悬停到“让我看看”的超链接时,它不会显示警报mssg 我在网上调查过,但不知道错在哪里 <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jque
<head>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$('#').hover(function(){
alert("Lets have fun!");
});
});
</script>
</head>
<main>
<p>Now Now Now <a href="#">Let me see</a></p>
</main>
$(文档).ready(函数(){
$('#')。悬停(函数(){
警惕(“让我们玩得开心!”;
});
});
现在现在
在jQuery中,“#”表示id,类似于
试试这个,$(“[href=”#“])
$("[href='#']").on('hover', function(){
alert('Hello');
});
您只需使用
CSS选择器
。希望这有帮助
$("a[href='#']").hover(function () {
alert("Lets have fun!");
});
$(文档).ready(函数(){
$('*a[href=“#”]”)。on('mouseover',function(){//用于所有具有href=“#”的元素
警惕(‘工作’);
});
});
如果希望效果“onmouseover”
“#”
不是有效的选择器。它与href不匹配。看看jQuery选择器:
$(document).ready(function() {
$('* a[href="#"]').on('mouseover', function() { // For all elements <a> that have href="#"
alert('worked!');
});
});