万维网是一个动态开发的环境，Web用户对网站的设计和功能都提出了高要求。为了构建有吸引力的交互式网站，开发者借助于如jQuery这样的JavaScript库，实现了常见任务的自动化和复杂任务的简单化。

jQuery库设计秉承了一致性与对称性原则，它的大部分概念都是从HTML和CSS的结构中借用而来。

jQuery功能

jQuery库为Web脚本编程提供了通用的抽象层，使得它几乎适用于任何脚本编程的情形。
jQuery满足下列需求：

1 . 取得文档中的元素

如果不使用库，遍历DOM树，以及查找HTML文档结构中某个特殊的部分，必须编写很多代码。jQuery为准确地获取需要检查或操纵的文档元素，提供了可靠而富有效率的选择符机制。
$(‘div.content’).find(‘p’);

2 . 修改页面的外观

在页面已经呈现后，jQuery仍然能够改变文档中某个部分的类或个别的样式属性。

3 .改变文档的内容

使用少量的代码，jQuery就能改变文档的内容，可以改变文本，插入或翻转图像，列表重新排序，甚至对HTML文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API。
$(‘container’).append(‘< a href=”more.html”>more< / a>’;

4 .响应用户的交互操作

jQuery提供了截获形形色色的页面事件（比如用户单击某个链接）的适当方式，而不需要使用事件处理程序拆散HTML代码。此外，它的事件处理API也消除了经常困扰Web开发人员浏览器的不一致性。
(‘button.show-details’).click(function()
{(‘div .details’) .show(); });

5 .为页面添加动态效果

jQuery中内置的一批淡入，擦除之类的效果，以及制作新效果的工具包。向用户提供了视觉上的反馈。
$(‘div.details’) .slideDown()；

6 .无需刷新页面从服务器获取信息

这种模式就是Ajax（Asynchronous Javascript and XML,异步javascript和XML）。它是一系列在客户端和服务端之间传输数据的强大技术。jQuery通过消除这一过程中的浏览器特定的复杂性，使开发人员得以专注于服务器端的功能设计，从而得以创建出反应灵敏、功能丰富的网站。
$(‘div details’) .load(‘more .html #content’);

7 .简化常见的Javascript任务

jQuery改进了对基本的JavaScript数据结构的操作（例如迭代和数组操作等）。
$ .each(obj,function(key,value)
{ total +=value;
});

jQuery为什么如此出色

近年人们对动态HTML兴趣的复苏，催生了一大批JavaScript框架。有的特别专注于上述任务中的一项或两项，有的则试图以预打包的形式囊括各种可能的行为和动态效果，为了在维持上述各种特性的同时仍然保持紧凑的代码，jQuery采取了如下策略：

1 .利用CSS的优势

通过将查找页面元素的机制构建于CSS选择符之上，jQuery继承了简明清晰地表达文档结构的方式。

2 .支持扩展

为了避免特性蠕变，jQuery将特殊情况下使用的工具归入插件当中。

3 .抽象浏览器不一致性

jQuery添加了一个抽象层来标准化常见的任务，从而有效地减少了代码量，同时简化了这些任务。

4 .总是面向集合

5 .将多重操作集于一行

为了避免过度使用临时变量或不必要的代码重复，jQuery在其多数方法中采用了一种称作连缀的编程模式，这种模式意味着一个对象进行的多数操作的结果，都会返回这个对象自身，以便为该对象应用下一次操作。

以上就是jQuery入门学习的全文介绍,希望对您学习和使用html网页基础有所帮助.

这些内容可能对你也有帮助

更多HTML教程可查看HTML教程列表页。