我在哪里编写和链接jQuery?

时间:2015-02-10 19:29:03

标签: jquery html

我刚刚学会了如何编写jQuery,但我不知道在哪里编写jQuery或者如何将它链接到我的HTML。如果你可以包含很多细节,那就太好了。

4 个答案:

答案 0 :(得分:3)

第1步 - 在页面中包含jQuery。只需创建一个链接到库的script标记即可完成此操作。例如:

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.3.min.js"></script>

这是通常在页面的head元素中完成的,但它不需要 。从技术上讲,它可以在页面的任何地方完成。对于想要快速加载UI资源并且然后调用代码的页面,这通常可以在页面主体的末尾完成。

没有必要像我在这里那样链接到CDN版本,你也可以维护jQuery的本地副本。或者您可以链接到其他版本或其他CDN等。

第2步 - 编写jQuery代码。这可以在包含库的上述行之后的任何代码块中完成。例如:

<script type="text/javascript">
    $(function () {
        // code
    });
</script>

jQuery代码只是依赖于jQuery库的JavaScript代码。因此,您可以在编写JavaScript代码的任何地方编写它。由于它依赖于特定的库,因此只需在加载库之后就存在(因为JavaScript按照它的编写顺序进行解析)。

答案 1 :(得分:1)

你可以把它写在标签的旁边,你通常会在那里写javascript。

您可以添加如下的外部文件 -

 <script src="Scripts/abc.js"></script>   

或在你的aspx,htmletc文件

<script type="text/javascript">
   // your code
 </script>

答案 2 :(得分:1)

您可以将其直接写入<script>标记内的HTML文档或与<script src="javascript.js"></script>链接。你应该完全回顾那门课程,以确保你能抓住这样重要的概念。

答案 3 :(得分:1)

在您网页的<head>中,添加指向jquery核心的链接,如下所示:

<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>

然后在头部的<script>标记内编写代码。

<head>
    <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script>
        $(document).ready(function(){
            //your code here
        });
    </script>
<!-- whatever else -->
</head>