酷徒LOGO

jquery入门


下载jquery

要开始,首先下载jquery的一个副本,并将它包含在文档中,jquery有两个版本可供下载。

未压缩文件最适合开发或调试; 同时,建议将缩小和压缩的文件用于生产,因为它节省了宝贵的带宽,并且提高了文件的性能。

你可以从这里下载jQuery : 元素,就像包含普通JavaScript文件一样。

例子


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Simple HTML Document</title>
 <link rel="stylesheet" href="css/style.css">
 <script src="js/jquery-1.11.3.min.js"></script>
</head>
<body>
 <h1>Hello, World!</h1>
</body>
</html>

始终在自定义脚本之前包含jquery文件; 否则,当你的jQuery代码尝试访问jQuery API时,它们将不可用。

提示: 如你所见,我们已经跳过属性 type="text/javascript" 标记,因为在html中这不是必需的,JavaScript是HTML5和所有现代浏览器中的默认脚本语言,但是,你仍然可以使用它使代码更易于为用户解释。

cdn中的jquery

另外,如果你不想自己下载和托管jQuery,则可以通过免费的CDN (内容交付网络)链接将jQuery包含在文档中。

CDN可以通过减少加载时间来提供性能优势,因为它们在遍布全球的多台服务器上托管jQuery,并且当用户请求文件时,将从离它们最近的服务器提供文件。

MaxCDN提供的jQuery CDN

https://code.jquery.com/jquery-1.12.4.min.js

还可以通过


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>My First jQuery Powered Web Page</title>
 <link rel="stylesheet" href="css/style.css">
 <script src="js/jquery-1.11.3.min.js"></script>
 <script>
 $(document).ready(function(){
 $("h1").css("color", "#0088ff");
 });
 </script>
</head>
<body>
 <h1>Hello, World!</h1>
</body>
</html>





Copyright © 2011 HelpLib All rights reserved.    知识分享协议 京ICP备17041772号-2  |  如果智培  |  酷兔英语  |  帮酷