11、jQuery集合管理与属性操作全解析

jQuery集合管理与属性操作全解析

1. jQuery集合管理

在处理网页元素时，jQuery提供了强大的集合管理功能，让我们能够高效地操作一组元素。

1.1 使用each方法设置属性值

可以使用 each 方法为匹配集中的所有元素设置属性值。示例代码如下：

$('img').each(function(i){
  this.alt = 'This is image[' + i + '] with an id of ' + this.id;
});

上述代码会为页面上的每个 img 元素调用传入的函数，使用元素在集合中的索引和其ID来修改其 alt 属性。

1.2 使用is方法测试集合

is 方法可以用于测试集合中是否至少有一个元素与给定的选择器表达式匹配。如果至少有一个元素匹配选择器，则返回 true ；否则返回 false 。示例代码如下：

var hasImage = $('*').is('img');

此语句会将 hasImage 变量的值设置为 true ，如果当前页面至少有一个图像。

is