码迷,mamicode.com
首页 > Web开发 > 详细

Jquery教程(一)

时间:2017-09-16 20:37:13      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:type   spn   sig   引用   api   全球   width   class   meta   

一、何为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强大魅力吧!!!!

 

  

 

Jquery教程(一)

标签:type   spn   sig   引用   api   全球   width   class   meta   

原文地址:http://www.cnblogs.com/Angular-JS/p/7532218.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!