Javascript jQuery不在html中工作，我不使用'；我不知道我在做什么；我做错了_Javascript_Jquery_Html_Css

Javascript jQuery不在html中工作，我不使用'；我不知道我在做什么；我做错了

javascript jquery html css

Javascript jQuery不在html中工作，我不使用'；我不知道我在做什么；我做错了,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我不知道为什么当我将鼠标移到div上时什么都没有发生。我可能对如何链接javascript文件有问题，但我查了一下，根据我的发现，我做的是正确的。除此之外，我找不到任何其他帮助来解决我的问题 HTML <html> <head> <title> Title </title> <link rel="stylesheet" type="text/css" href="style.css"> <script src="jquer

我不知道为什么当我将鼠标移到div上时什么都没有发生。我可能对如何链接javascript文件有问题，但我查了一下，根据我的发现，我做的是正确的。除此之外，我找不到任何其他帮助来解决我的问题

HTML

<html>
<head>
<title>
    Title
</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery.js" type="text/javascript"></script>  
<script type = "text/javascript" src = "script.js"></script>
</head>
<body>

    <div class="menu">Hi</div>
</body>
</html>

Javascript

$(document).ready(function(){
    $('div:nth-child(1)').mouseover(function(){
        $('div:nth-child(1)').slideDown('slow');
    });
});

slideDown

作用于隐藏的元素，然后将其公开。您有一个显示的

div

，在鼠标上是否希望它向下滑动？（没有意义！）-对隐藏的元素应用slidedown效果，它将起作用。

slidedown

对隐藏的元素起作用，然后将其公开。您有一个显示的

div

，在鼠标上是否希望它向下滑动？（没有意义！）-对隐藏的元素应用slidedown效果，它会工作。

哦，您误解了函数slidedown（），它以滑动运动显示匹配（隐藏）的元素。div是可见的，您应该先隐藏它，然后可以使用slidedown（）来显示它

<html>
<head>
<title>
    Title
</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery.js" type="text/javascript"></script>  
<script>
    $(document).ready(function(){
        $('div:nth-child(1)').mouseover(function(){
            $('div:nth-child(1)').slideUp('slow');
        });

        $('button').click(function(){
            $('div:nth-child(1)').slideDown('slow');
        });
});
</script>
</head>
<body>
    <div class="menu">Hi</div>
    <button>show</button>
</body>
</html>


标题
$（文档）.ready（函数（）{
$（'div:nth child（1）'）.mouseover（function（）{
$（'div:nth child（1）'）。slideUp（'slow'）；
});
$（“按钮”）。单击（函数（）{
$（'div:nth child（1）'）。向下滑动（'slow'）；
});
});
你好
显示

哦，您误解了函数slideDown（），它以滑动方式显示匹配（隐藏）的元素。div是可见的，您应该先隐藏它，然后可以使用slideDown（）来显示它

<html>
<head>
<title>
    Title
</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="jquery.js" type="text/javascript"></script>  
<script>
    $(document).ready(function(){
        $('div:nth-child(1)').mouseover(function(){
            $('div:nth-child(1)').slideUp('slow');
        });

        $('button').click(function(){
            $('div:nth-child(1)').slideDown('slow');
        });
});
</script>
</head>
<body>
    <div class="menu">Hi</div>
    <button>show</button>
</body>
</html>


标题
$（文档）.ready（函数（）{
$（'div:nth child（1）'）.mouseover（function（）{
$（'div:nth child（1）'）。slideUp（'slow'）；
});
$（“按钮”）。单击（函数（）{
$（'div:nth child（1）'）。向下滑动（'slow'）；
});
});
你好
显示

如果您试图获得一个仍然可以鼠标悬停的不可见div，那么接受的答案将不起作用

slideDown

，仅适用于具有

display:none

而不具有

visibility:hidden

的div，但如果将div设置为

display:none

，则无法将鼠标悬停在其上。一种方法是将一个不可见的div放在另一个div中，如下所示：

<body>
    <div id="contain">
        <div class="menu">Hi</div>
    </div>
</body>

如果您试图获得一个仍然可以鼠标悬停的不可见div，那么接受的答案将不起作用

slideDown

，仅适用于具有

display:none

而不具有

visibility:hidden

的div，但如果将div设置为

display:none

，则无法将鼠标悬停在其上。一种方法是将一个不可见的div放在另一个div中，如下所示：

<body>
    <div id="contain">
        <div class="menu">Hi</div>
    </div>
</body>

什么是控制台输出？如果你认为你把jQuery文件链接错了，试着用它来代替你的jQuery文件，你希望它做什么，它做什么与之不同？@AkiraDawson我试过了，但没有成功。我还是不知道为什么。控制台的输出是什么？如果你认为你把jQuery文件链接错了，试着用它来代替你的jQuery文件，你希望它做什么，它做什么与之不同？@AkiraDawson我试过了，但没有成功。我还是不知道为什么。