大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
调用jquery的方法:
10年积累的网站制作、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有巴青免费网站建设让你可以放心的选择与我们合作。
1、到jquery官网下载jquery文件到本地,然后使用相对路径引用。
2、直接通过jquery文件的url引用网上的jquery文件。
jquery是结构化的开源js文件,按照js文件引用方式使用。下面我们来看一下调用jquery的方法。
1、可以到jQuery官网下载js文件到项目中,然后使用相对路径引用:;
2、直接引用网上现有的js文件
这2个文件一样的,jquery-2.0.0.js是开发版,适合阅读。jquery-2.0.0.min.js是前者的压缩版,里面的变量都被压缩掉了,适合线上使用。因为开发版的体积要比压缩版大很多,通常开发调试时使用前者,部署上线时使用后者
可以下载的,复制下来放在你新建的js文件里也是一样的
去jquery官网也可以下载到各版本的jquery框架文件
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