jquery - 如何使用 jQuery.add()？

Question

我就是搞不定，什么功能add()是干什么用的。

例如，当我阅读文档时，一段代码

<p>Hello</p>
<span>Hello Again</span>

$( "p" ).add( "span" ).css( "background", "yellow" );

可以做得更容易，像这样，不是吗？

$( "p, span" ).css( "background", "yellow" );

Answer 1

嗨 jquery add() 函数actullay 执行将元素添加到匹配元素的集合。

就像在你的情况下..

$( "p" ).add( "span" ).css( "background", "yellow" );

将跨度添加到所有 p 元素，跨度背景为黄色。我还添加了一个小提琴来解释。http://jsbin.com/ENufeNu/1/edit

Answer 2

是的，它就是这样做的。但是， add 函数还有更多选项，例如
从他们的文档中添加 html ：

$( "li" ).add( "<p id='new'>new paragraph</p>" )
    .css( "background-color", "red" );

您的$( "p, span" )示例非常基本，此添加允许更多复杂的选项。

另一个不同用法的例子是链：

$('p:first-child').css({color: 'green'}).add('p').css({background: 'blue'})

所有 P 的 BG 均为蓝色，但只有第一个 P 的 BG 为绿色