需要准备的材料分别有:电脑、html编辑器、浏览器。
成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的丰润网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的head标签,输入jquery引用代码:
script src=""/script
3、浏览器运行index.html页面,此时发现jquery被成功引用加入了网页。
最好自己去官网查询:
截止目前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。
引进jquery插件有以下两种方式:
CDN引入(在head标签中加入下列代码):
head
script src=""/script
/script
/head
本地引入(这种方法要求本地有jquery.js):
head
script src="jquery.js"/script
/script
/head
jquery可以到其官网下载,官网地址是
JQuery是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。它是继prototype之后又一个优秀的Javascript库。
推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。同时推荐使用百度CDN,因为其他的比如谷歌和微软的CDN不可用!
在html中引入jquery插件的方法有以下两种:
1:CDN引入,在head标签中加入下列代码
head
script src=""/script
/script
/head
2:本地引入,这种方法要求本地有jquery.js:
head
script src="jquery.js"/script
/script
/head
jquery可以到其官网下载,官网地址是;
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。推荐使用CDN,许多用户在访问其他站点时,已经从其他加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。同时推荐使用百度CDN,因为其他的比如谷歌和微软的CDN不可用!
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
在head标签中加入
script type="text/javascript" src=""/script
即可。
src中可以根据需要选择不同版本的jquery。