GBin1在线实例帮助你更好的了解jQuery功能特性（三）

日期：2012-6-22  来源：GBin1.com

 

今天我们继续介绍第三部分，如果你没有阅读前面文章，请点击如下地址查看：

• GBin1在线实例帮助你更好的了解jQuery功能特性（一）
• GBin1在线实例帮助你更好的了解jQuery功能特性（二）

jQuery DOM操作，循环和过滤

使用jQuery最大的好处在于帮助你迅速找到页面中的任何元素，并且可以循环或者过滤结果。下面我们介绍jQuery开发中大家经常使用的一些方法：

使用$.each()和.each() 方法

$.each()方法是jQuery的一般性方法用来处理javascript对象或者数组。而.each()方法用来处理jQuery的自有对象。

使用$.each()方法： 

 

使用.each()方法

 

使用$.data()，.data()，$.hasData()和 $.removeData()方法

我们可以使用data方法来绑定数据到DOM元素，也可以删除，判断是否存在：

 

HTMl5中我们大量使用data-tag标签，帮助我们快速的将数据绑定到标签上，在jQuery中，也提供了对应的方法data()来帮助我们快速实现类似功能： 

 

使用.find()，.children()，.parent()，.parents()，closest()方法

使 用以上方法可以非常方便的帮助你来查询DOM中的元素，其中，使用find可以根据选择器，jQuery对象或者元素来查询，children()可以查 询直接子元素，parent()可以查询父元素，parents()可以查询父元素以上的所有元素，closest()方法可以向上查询最近的元素

 

使用.filter()方法

使用filter()方法可以帮助你过滤掉特定的元素：

 

使用slice()方法

使用slice方法可以帮助你选择一系列元素中的特定区域，注意你可以输入负值，这样会从后面计算：

 

使用.prev()和.next()方法

使用这两个方法可以帮助你在同一类的元素中选取前一个或者后一个元素：

 

使用.extend()方法

使用extend方法可以帮助你组合两个对象，比如，我们需要将两个json对象融合为一个，就可以使用这个方法：

 

这里我们只介绍了很小一部分的jQuery功能，如果大家对于jQuery功能有兴趣，请自己查阅相关的API文件，当然，如果大家也有一些实用的jQuery功能或者小代码片段，请务必和我们分享，谢谢！

来源：GBin1在线实例帮助你更好的了解jQuery功能特性（三）