Question

我知道在HTML文件中包含<script type="text/javascript" src="scripts/jquery-1.10.2.js"></script>，我可以直接在这个文件中用jQuery编写。但是，我不是在处理单个文件，因此，html中的js代码太多看起来不太好。可以有一些方法在js文件中使用jQuery吗？所以我可以在一个独立的js文件中添加一些常用功能。

Answer 1

您可以将代码放在自己的js文件中：

$(function() {
     // your own code using the DOM

});

然后在jQuery one之后包含这个文件：

 <script src="scripts/jquery-1.10.2.js"></script>
 <script src="myownfile.js"></script>

Answer 2

创建一个名为 js 的文件夹，然后在里面放置你的js文件，例如 main.js

你的js文件应该像： main.js

$(document).ready(function(){
    //code here
});

请注意，您也可以使用 $（文档）.load（function（）

在 index.html 中将此内容添加到页脚中： index.html

    <!DOCTYPE HTML>

    <html>

      <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Your Website</title>
      </head>

      <body>
        <!--============MAIN-CONTAINER============ -->
        <section>

        </section>
        <!--============SIDEBAR=================== -->
        <aside>
        </aside>
        <!--============FOOTER==================== -->
        <footer>
            <script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
            <script src="js/main.js"></script>
        </footer>

      </body>

    </html>

获得最佳表现。

<强> alfernative 如果你想用它

<script src="scripts/jquery-2.0.0.min.js"></script>

下载：

http://code.jquery.com/jquery-2.0.0.min.js

并将其放入名为脚本的新文件夹中，然后替换

<script src="http://code.jquery.com/jquery-2.0.0.min.js"></script>

带

<script src="scripts/jquery-2.0.0.min.js"></script>

在你的页脚中这样：

    <footer>
        <script src="scripts/jquery-2.0.0.min.js"></script>
        <script src="js/main.js"></script>
    </footer>

Answer 3

当然，您可以使用外部.js文件，只需将所需的脚本文件及其引用添加到您的页面上，另外添加外部.js参考。

//references in mail file
<script src="../Scripts/jquery-1.7.js" type="text/javascript"></script>
<script src="../Scripts/jquery-1.7.min.js" type="text/javascript"></script>
<script src="../Scripts/text.js" type="text/javascript"></script>


//External test.js file
$(document).ready(function () {
//your functions here
});                        // Document Ready Closed

Answer 4

只需保留jquery的标签，然后继续使用jquery代码创建自己的JS文件，并在html页面中包含它，它将起作用

在js文件中使用jQuery

4 个答案: