0基础接触html5之jquery（一）简介

时间：2016-02-29

本人之前做as的，对html真的是0基础，都是这几天自己摸索的，所以肯定有很多考虑不到，或说的不对的地方。欢迎拍砖
html5离不开js编程，而进行js编程就不得不说Jquery，那么什么是Jquery呢？为什么要用Jquery呢？下面简单介绍一下

普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库，比如Prototype、Dojo、ExtJS、JQuery等，这些库对JavaScript进行了封装，简化了开发。这些库是对JavaScript的封装，也就是咱们调用JQuery的一句函数，JQuery内部这句函数帮我们调用JavaScript中的代码几十句，因为JQuery就是JavaScript语法写的一些函数类，内部仍然是调用JavaScript实现的，所以并不是代替JavaScript的。使用JQuery的代码、编写JQuery的扩展插件等仍然需要JavaScript的技术，Jquery本身就是一堆JavaScript函数。

为什么选择JQuery？

尺寸小、使用简单方便（Write Less, Do More，吃得少干得多，而且目前许多大公司都在支持JQuery，例如微软，微软把JQuery继承在了vs2010中。

JQuery能做什么？

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

向您的页面添加 jQuery 库

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

复制代码

共有两个版本的 jQuery 可供下载：一份是精简过的，另一份是未压缩的（供调试或阅读）。

这两个版本都可从 jQuery.com 下载。

Google 和 Microsoft 对 jQuery 的支持都很好。如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。

使用 Google 的 CDN

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>

复制代码

使用 Microsoft 的 CDN

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js"></script>
</head>

复制代码

上一篇：HTML5技术之图像处理：一个滑动的拼图游戏 下一篇：0基础接触html5之jquery（二）选择器

0基础接触html5之jquery（一）简介

相关文章

最新文章