jQuery 快速入门教程(6)_H5之家 - 中国HTML5教程资源分享第一站

上面的方法全是静态方法。此外，jQuery还有两个同名的实例方法each()和map()，专门用于遍历jQuery对象匹配的所有元素。

// 遍历所有的p元素，并执行对应的函数 $("p").each(function(i, element){ // i 表示当前迭代元素的索引 // element 表示当前迭代的DOM元素 // this === element }); // 返回包含所有匹配元素value值的数组 $(":checkbox:checked").map(function(i, element){ // i 表示当前迭代元素的索引 // element 表示当前迭代的DOM元素 // this === element return this.value; });

jQuery的工具方法较多，详情请参考jQuery的工具属性和方法一览表。

DOM元素和jQuery对象的相互转换

在前面我们已经知道如何将DOM元素转换为jQuery对象，以使用jQuery对象的方法对DOM元素进行操作。有些时候，我们也可能需要将jQuery对象转换DOM元素。

在此之前，我们应该先了解jQuery对象所包含的DOM元素是存储在什么属性中的。

实际上jQuery对象是一个类数组对象。它将匹配的所有DOM元素都依次存储在数字索引形式的属性中，并用length属性存储DOM元素的个数。

var p = $("p"); // 返回一个包含所有p元素的jQuery对象 p[0]; // 第1个p元素 p[0].id ; // 返回第1个p元素的id p[1]; // 第2个p元素 p[2]; // 第3个p元素 p.length; // p元素的个数

此外，jQuery还给我们提供了一个get()方法，用于获取对应索引的DOM元素。

var p = $("p"); // 返回一个包含所有p元素的jQuery对象 p.get(0); // 第1个p元素 p.get(1); // 第2个p元素 p.get(2); // 第3个p元素 p.get( ); // 不传入任何参数，将以数组形式返回包含的所有p元素jQuery 核心：扩展jQuery对象的属性和方法

如果我们要开发基于jQuery的插件，我们一般需要在jQuery对象上添加自定义的属性和方法。jQuery为我们提供了两个主要的方法，以分别为全局jQuery对象或实例jQuery对象扩展自定义的属性和方法。

请直接参考jQuery.extend()和jQuery.fn.extend()方法。

本文档仅供jQuery初学者使用，以便于快速入门jQuery，但这并不是jQuery的全部内容。jQuery的几乎所有方法都包含多种用法，因此你需要参考本站的jQuery API文档来了解更多细节。

94 1

我们认为：用户的主要目的，是为了获取有用的信息，而不是来点击广告的。因此本站将竭力做好内容，并将广告和内容进行分离，确保所有广告不会影响到用户的正常阅读体验。用户仅凭个人意愿和兴趣爱好点击广告。
我们坚信：只有给用户带来价值，用户才会给我们以回报。