好的，所以当您的鼠标位于红色方块上时，绿色方块应该会显示，但它不会。这是代码:
<html>
<head>
<script type="text/javascript"
src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function() {
$("a").bind("mouseover",
function(){
$("b").css("display", "block");
});
$("a").bind("mouseout",
function(){
$("b").css("display", "none");
});
});
-->
</script>
</head>
<body>
<div class="a" style="background-color: #ff0000; height: 50px; width: 50px;"></div>
<div class="b" style="display: none; background-color: #00ff00; height: 50px; width: 50px;"></div>
</body>
</html>
最佳答案
在每个选择器前加一个点来形成一个类选择器:
$(".a").bind("mouseover",
function(){
...
您的代码可以简化为:
$(document).ready(function() {
$(".a").hover(function() {
$(".b").toggle();
});
});
http://jsfiddle.net/karim79/EkA6p/1/
关于javascript - Jquery 中的简单测试不起作用。绿色方块不显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7048964/