jQuery（一）

第一章 认识jQuery

jQuery 能做什么

1. 取得文档中的元素

$('div.content').find('p');

2. 修改页面的外观

CSS虽然为影响文档呈现的方式提供了一种强大的手段，但当所有浏览器不完全支持相同的标准时， 单纯使用CSS就会显得力不从心。 jQuery可以弥补这一不足，它提供了跨浏览器的标准解决方案。而且，即使在页面已经呈现之后，jQuery仍然能够改变文档中某个部分的类或者个别的样式属性。

$('ul > li:first').addClass('active');

3. 改变文档的内容

可以改变文本、插入或翻转图像、列表重新排序，甚至对HTML文档的整个结构都能重写和扩充.

$('#container').append('more');

4. 相应用户的交互操作

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

$('button.show-details').click(function(){
    $('div.details').show();
});

5. 为页面添加动态效果

jQuery中内置的一批淡入、擦除之类的效果，以及制作新效果的工具包，为此提供了便利。

$('div:details').slideDown();

6. Ajax

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

$('div.details').load('more.html #content');

7. 简化常见的JavaScript任务。

jQuery也改进了对基本的JavaScript数据结构的操作（例如迭代和数组操作等） 。

$.each(obj, function(key, value) {
    total += value;
});

jQuery 的优势

1. 利用CSS的优势。

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

2. 支持扩展

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

3. 抽象浏览器不一致性

每种浏览器对颁布的标准都有自己的一套不太一致的实现方案，但jQuery添加一个抽象层来标准化常见的任务，从而有效地减少了代码量，同时，也极大地简化了这些任务。

4. 总是面向集合

当我们指示jQuery『找到带有 collapsible 类的全部元素，然后隐藏它们』时，不需要循环遍历每一个返回的元素。相反，.hide()之类的方法被设计成自动操作对象集合，而不是单独的对象。利用这种称作隐式迭代（implicit iteration）的技术，就可以抛弃那些臃肿的循环结构，从而大幅地减少代码量。

5. 将多重操作集于一行

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

使用jQuery

• jQuery不需要安装，要使用它只需该文件的一个副本，该副本可以放在外部站点上，也可以放在自己的服务器上。由于JavaScript是一种解释型语言，所以不必担心编译和构建。什么时候需要使用jQuery，只要在HTML文档中使用