-1

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

4

4 回答 4

3

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

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

});

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

 <script src="scripts/jquery-1.10.2.js"></script>
 <script src="myownfile.js"></script>
于 2013-07-29T10:07:50.553 回答
2

创建一个名为 js的文件夹，并在其中放置您的 js 文件，例如main.js

你的 js 文件应该像这样开始：main.js

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

请注意，您也可以使用$ (document).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>

以获得最佳性能。

如果您想将其用作替代品

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

下载这个：

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

并将其放入名称为scripts的新文件夹中 并替换

<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>
于 2013-07-29T10:15:37.560 回答
0

当然，您可以使用外部 .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
于 2013-07-29T10:09:07.587 回答
0

只需为 jquery 保留该标签，然后继续制作您自己的带有 jquery 代码的 JS 文件，并将其也包含在 html 页面中，它会起作用

于 2013-07-29T10:09:16.203 回答