jQuery如何使用addBack()方法(代码示例)

addBack()是jQuery中的一种内置方法, 它将先前的元素集添加到当前的元素集中。此方法将先前的DOM树元素添加到当前集中, 并将其维护在内部栈中, 该栈将负责对匹配的元素集进行更改。
语法如下:

.addBack(selector)

参数:
它接受可选参数"选择器"。
返回值:
它针对指定的选择器返回添加的元素。
jQuery代码显示addBack()方法的工作方式:
代码1:
在下面的代码中, " p"元素作为参数传递。
< html > < head > < meta charset = "utf-8" > < style > #h{ border: 2px solid white; } p, div { margin: 5px; padding: 5px; border:2px solid green; } .border { border: 2px solid red; } .background { background: lightgrey; } .left, .right { width: 45%; float: left; border:2px solid green; } .right { margin-left: 3%; } < / style > < script src = "https://code.jquery.com/jquery-1.10.2.js" > < / script > < / head > < body > < div class = "left" > < p id = "h" > < strong > Before < code > addBack()< / code > < / strong > < / p > < div class = "before-addback" > < p > First Paragraph< / p > < p > Second Paragraph< / p > < / div > < / div > < div class = "right" > < p id = "h" > < strong > After < code > addBack()< / code > < / strong > < / p > < div class = "after-addback" > < p > First Paragraph< / p > < p > Second Paragraph< / p > < / div > < / div > < script > $( ".before-addback" ).find( "p" ).addClass( "background" ); $( ".after-addback" ).addBack("p").addClass( "background" ); < / script > < / body > < / html >

在上面的示例中, 第一个" p"元素被突出显示, 然后在使用.addBack()方法之后, 下一个" div"元素被添加到" p"元素之后的栈中。
输出如下:
jQuery如何使用addBack()方法(代码示例)

文章图片
代码2:
在下面的代码中, 没有参数传递给.addBack()方法。
< html > < head > < style > p, div { margin: 5px; padding: 5px; } div{ border: 2px solid green; } .border { border: 2px solid green; } .background { background: lightgreen; border: 2px solid green; } .left, .right { width: 45%; float: left; } .right { margin-left: 3%; } < / style > < script src = "https://code.jquery.com/jquery-1.10.2.js" > < / script > < / head > < body > < div class = "left" > < p > < strong > Before < code > addBack()< / code > < / strong > < / p > < div class = "before" > < p > First Paragraph< / p > < p > Second Paragraph< / p > < / div > < / div > < div class = "right" > < p > < strong > After < code > addBack()< / code > < / strong > < / p > < div class = "after" > < p > First Paragraph< / p > < p > Second Paragraph< / p > < / div > < / div > < script > $( ".before" ).find( "p" ).addClass( "background" ); $( ".after" ).find( "p" ).addBack().addClass( "background" ); < / script > < / body > < / html >

【jQuery如何使用addBack()方法(代码示例)】输出如下:
jQuery如何使用addBack()方法(代码示例)

文章图片

    推荐阅读