在jQuery中,我们可以通过选择器获取一组元素,这些元素被称为集合。我们可以对这个集合进行各种操作。
要创建一个集合,我们可以使用jQuery()或$()函数,将一个合法的CSS选择器字符串作为参数传递给它们。例如:
var $collection = $(.example);
上面的代码将选择器".example"匹配到的所有元素保存在一个名为$collection的jQuery对象中。这个对象是一个集合,里面包含了所有被匹配到的元素。
我们可以通过链式调用jQuery的方法,对集合进行各种操作,比如过滤、筛选、排序等等。例如:
// 过滤掉class为hidden的元素$collection = $collection.not(.hidden);// 只保留第一个匹配的元素$collection = $collection.first();// 按元素在文档中出现的先后顺序排序$collection = $collection.sort();
我们还可以对集合中的每一个元素都执行一些操作。这可以通过使用jQuery的each()方法来实现。例如:
// 对每一个元素设置样式$collection.each(function(index, element) {$(element).css(color, red);});
在each()方法中,我们可以使用index参数获取当前元素在集合中的索引,使用element参数获取当前元素的DOM对象。通过将element参数传递给$()函数,我们可以将它转换为一个jQuery对象,从而可以使用jQuery的方法操作它。
总之,集合是jQuery中非常重要的一个概念,它可以用来表示一组元素,并且可以方便地对这些元素进行各种操作。对于jQuery的初学者来说,熟练地使用集合是非常重要的。