如何下载jquery

JavaScript021

如何下载jquery,第1张

jQuery的下载和使用

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

·

· 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>

在html中引入jquery插件的方法有以下两种:

1:CDN引入,在head标签中加入下列代码

<head>

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>>

</script>

</head>

2:本地引入,这种方法要求本地有jquery.js:

<head>

<script src="jquery.js"></script>>

</script>

</head>

jquery可以到其官网下载,官网地址是www.jquery.com

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<head>标签,输入jquery引用代码:

<script src="https://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

3、浏览器运行index.html页面,此时发现jquery被成功引用加入了网页。