Jquery教程（一）

最新推荐文章于 2024-07-28 20:27:10 发布

baman1774

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Angular-JS/p/7532218.html

版权

一、何为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环境配置成功了。

转载于:https://www.cnblogs.com/Angular-JS/p/7532218.html

baman1774

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery教程（一）

一、何为JqueryJQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中，有59%使用了jQuery，是目前最受欢迎的JavaScript库。jQuery 库包含...
复制链接

扫一扫