jQuer的下载和引用

 

jQuery的下载和使用

 1.下载 ，在浏览器中输入jQuery，找到jQuery的官网

 

· https://jquery.com/  ，找到download  下载适合自己的版本，本次下载的是jQuery Core 1.11.1

· jQuery 会显示当前最新的几个版本，所以，想下载之前的版本，需将网页拉到最底下

从 jquery.com下载 jQuery库。 jquery如何下载_jquery

从 jquery.com下载 jQuery库。 jquery如何下载_jQuery_02

 

· 找到 past releases  。点击jQuery  CDN 

 

· 再找到jQuery core 下的see all versions of jQuery core 点击进去  即可查看到所有的jQuery版本。

从 jquery.com下载 jQuery库。 jquery如何下载_jquery_03

· 找到之后发现后面有两个选项，这两个选项都可以，只是占用大小不同，即两者的区别在于压缩和未压缩、有空格和没有空格， uncompressed 选项 为未压缩，适用于编译。 minified 选项为压缩版本。

 

·        下载 ：对着两个选项之一  单击右键，在新网页或者新标签中打开之后就可以看到jQuery的代码 ，再Ctrl + S保存到本地就可以了。

从 jquery.com下载 jQuery库。 jquery如何下载_jquery_04

2.在HTML中引用

   注意： jQuery的引用一般放在最前面。 然后再是自己的样式。例如：

<scriptsrc="js/jquery-1.11.1.js">//jQuery的引用</script>
<script>//自己的样式</script>

 

举个完整的例子

<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<body>
<div>测试文字</div>
<pid="myp">asdkh</p>
<scriptsrc="js/jquery-1.11.1.js"></script>
<script>
/*添加事件,one :这个事件只会触发一次 */
$("#myp").one("click" ,function(){
alert("a");
});
</script>
</body>
</html>