大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jQuery的下载和使用
创新互联从2013年创立,先为武宁等服务建站,武宁等地企业,进行企业商务咨询服务。为武宁企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
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
最好自己去官网查询:
截止目前jQuery有三个大的版本,分别是:
1.x:兼容ie678,是使用最为广泛的jQuery版本,官方只做BUG维护,不再增加新功能。不过就一般项目,1.x版本基本可以满足使用了。1.x版的最终版本为jQuery1.12.4 (2016年5月20日),比如使用的就是jQuery1.12.4版本。
jQuery官网关于浏览器支持的说明提到“If you need to support older browsers like Internet Explorer 6-8, Opera 12.1x or Safari 5.1+, use jQuery 1.12.”,很显然,如果要兼容IE678的话,建议使用jQuery1.12版本。
2.x:不兼容ie678,使用人的确很少,官方同样也是只做BUG维护,不再增加新功能。如果不考虑兼容低版本的浏览器可以使用2.x,其最终版本为jQuery2.2.4 (2016年5月20日)。
3.x:不兼容ie678,只支持最新的浏览器。除非特殊要求,一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。目前该版本是官方主要维护更新的版本,目前为jQuery3.1.1。
使用步骤如下:
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码