jQuery的下载和使用

jQuer的下载和引用

 

jQuery的下载和使用

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

 

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

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

 

· 找到 past releases  。点击jQuery  CDN 

 

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

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

 

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

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>

 

 

  

 

 

展开阅读全文

没有更多推荐了,返回首页