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代码片段

使用 NodeJS 和 JSDOM/jQuery 从代码片段构建 PHP 页面

很实用的JQuery代码片段(转)

几个有用的JavaScript/jQuery代码片段(转)

几个非常实用的JQuery代码片段

高效Web开发的10个jQuery代码片段