如何快速判断jQuery函数返回单个元素还是元素集合
jQuery方法返回单结果/集合快速识别方法
首先先明确一个认知前提:*所有jQuery选择、遍历方法返回的都是类数组结构的jQuery对象,不存在直接返回原生单个DOM元素的情况。大家常说的「返回单个元素」实际是指方法返回的jQuery对象中,每个原始匹配元素仅对应1个结果;「返回集合」是指每个原始匹配元素对应多个符合条件的结果。
你可以用下面3个简单规则快速判断,几乎不用查文档:
- 看方法名的单复数形式:带
s的复数命名方法几乎都是返回多结果集合,比如parents()、siblings()、children();对应的单数命名方法parent()、next()、prev()都是每个原始元素仅返回1个对应结果。 - 看方法语义:只要方法语义包含「查找全部、所有符合条件」的含义,就属于多结果集合,比如
find()是查找所有符合条件的后代元素、filter()是筛选所有符合条件的元素,都返回集合。 - 看官方描述关键词:如果记不清语义,扫一眼官方描述即可:出现「每个元素的XX」且没有追加「所有」限定的,就是单结果类型;描述中出现「所有」「全部」关键词的,就是多结果集合。
如果实在拿不准,还有一个最直接的调试方法:在调用方法后拼接.length打印结果长度,比如console.log($('.class1').next().length),即可直观确认返回的结果数量是否符合预期。
内容的提问来源于stack exchange,提问作者alancc
相关产品推荐
相关产品推荐

