在另一个文件中编码 jquery 然后 html

Code jquery in a different file then html

在括号中,我现在只能在 html 文件的行内编码 jQuery。 但现在我想在另一个文件中编码 jQuery,但我当然希望它与 html 交互,例如我仍然可以定位 div: $(".navbar")

HTML 文件:

<!DOCTYPE html>
<html> 
<head>
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
    <title>Test</title> 
    <meta name="description" content="Test"> 
    <link rel="stylesheet" href="main.css">
    <script src="https://code.jquery.com/jquery.js"></script> 
    <script type="text/javscript" src="Javascript.js"</script> 
</head>
<body>
    <div class="navbar">
        <p>Hello</p>
    </div>
</body>

JS 文件:

$(document).ready(function(){
    $(".navbar").click(function(){ 
        $(".navbar").hide();
    });
});

显然我不能在另一个文件中包含 jQuery 代码的原因是括号中的一个小故障。