jquery代码在不同的文件,然后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代码的原因是括号中的故障。

相关内容

最新更新