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"元素之后的栈中。
输出如下:
文章图片
代码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如何使用error()方法(介绍和示例)
- Python程序如何打印列表中的负数(代码示例)
- Kronos Incorporated面试经验|S1(校园内)
- 算法设计(计算无向图的欧拉路径和回路())
- PHP如何使用Ds Stack push()函数(代码示例)
- CSS中类的顺序是如何工作的()
- 凯捷面试经验分享|校园2019
- 算法题(计算从1到n的所有数字中的总置位位数)
- u盘损坏如何修好,本文教您u盘损坏如何修好