Jquery教程
Posted Angular_JS
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery教程相关的知识,希望对你有一定的参考价值。
一、何为Jquery
JQuery是一套跨浏览器的javascript库,简化html与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。
jQuery 库包含以下特性:
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
二、Jquery下载
Jquery可以到官网http://jquery.com/进行下载,进入官网首页,在导航栏上有个download
然后看到
下载哪个都是可以的,有压缩版和无压缩版的,个人建议新手下载无压缩版的。
三、Jquery安装
如果您要是用Jquery,就必须下载Jquery库,然后将它引入你的您的网页中,Jquery是一个js文件,可以使用<scriot>标签引用它:
<head> <script src="jquery.js"></script> </head>
如果不希望下载存放Jquery,也可以通过CDN直接引用它,只是这样子的化你在没有网络的时候就无法使用jquery了。
Google CND
<head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script> </head>
Microsoft CDN:
<head> <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"> </script> </head>
四、测试
现在让我们来测试一下Jquery是否可以使用了
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> </title> <script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript"> $(function(){ alert("jquery环境配置成功"); }); </script> </head> <body> </body> </html>
运行上面代码,如果弹出jquery环境配置成功就代表你的jquery环境配置成功了。
以上是关于Jquery教程的主要内容,如果未能解决你的问题,请参考以下文章
markdown 在WordPress中使用jQuery代码片段