jQuery是一款在前端开发中使用非常广泛的框架,其提供了诸多方便易用的方法。其中一个非常常用的方法是add函数,通过该函数,我们可以很方便地向选择器匹配的元素集合中添加新的元素。
add函数的基本语法如下:
$(selector).add(element, context);
其中,selector参数用于指定要添加元素的目标元素集合,可以是任何一个有效的jQuery选择器。element参数用于指定要添加的新元素,可以是HTML字符串、DOM元素、jQuery对象、甚至是一组DOM元素。context参数通常用于限定选择器的作用范围,可以是DOM元素、jQuery对象、document等。
例如,下面的代码演示了如何使用add函数向当前文档中所有button元素中添加一个新的span元素:
$(document).ready(function(){
$('button').add('new span').appendTo('body');
});
该代码中,首先使用$()函数选中了所有button元素,然后调用add函数并传入一个HTML字符串作为参数,最后将添加后的元素集合附加到页面主体中,从而在所有button元素的后面添加了一个新的span元素。
总之,add函数可以帮助我们快速、方便地扩展现有的元素集合,是jQuery中非常实用的一个方法。