zoukankan      html  css  js  c++  java
  • 如何在HTML中引用jQuery函数库

    要使用jQuery,我们要知道,jQuery是一个函数库,简单来讲就是一个后缀名为".js"的文件。我们可以在这里找到jQuery的最新版本文件:http://jquery.com/。对于学习来说,我们就下载它的压缩版本就可以了。

    可以看到,目前最新版本是v1.5.2。

    另外,当点击Download按钮后,只会打开一个窗口,我们在这个页面下"文件->页面另存为",保存即可。

    jQuery的引用方式和其他的外部js文件一样,没什么区别。如下

    <script type="text/javascript" src="scripts/jquery-1.5.2.min.js"></script>

    因为我的js文件都是放在scripts文件夹下,所以就可以像上面那样引用到当前文件中来。但是需要注意的一点是,这个引用应该放在其他js文件的引用之前,这样其他的js文件才能使用jQuery方法。

    一般而言,采用jQuery函数库的HTML文件,通常应该是这样的:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>jquery 测试</title>
    <meta name="keywords" content="" />
    <meta name="discription" content="" />
    <link rel="stylesheet" type="text/css" href="css/global.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="scripts/index.js"></script>
    </head>
    <body>

    </body>
    </html>

    我们自己的js内容应该写到另一个文件中去,如上面所示,我新建了一个index.js来存放自己的js内容,这样可以保证jQuery不会被误操作导致不完整,也有利于重用。

    转自 http://blog.csdn.net/shanluan_/article/details/7729218

  • 相关阅读:
    Best Time to Buy and Sell Stock
    Remove Nth Node From End of List
    Unique Paths
    Swap Nodes in Pairs
    Convert Sorted Array to Binary Search Tree
    Populating Next Right Pointers in Each Node
    Maximum Subarray
    Climbing Stairs
    Unique Binary Search Trees
    Remove Duplicates from Sorted Array
  • 原文地址:https://www.cnblogs.com/fan-yishan/p/3564563.html
Copyright © 2011-2022 走看看