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被成功引用加入了网页。