jQuery | addBack（）及其示例-yiteyi-C++库

这个 addBack（） 是jQuery中的一个内置方法，它将以前的元素集添加到当前元素集。此方法将以前的DOM树元素添加到当前集合中，并在内部堆栈中维护它们，内部堆栈将负责对匹配的元素集合进行更改。 语法：

null

.addBack(selector)

参数： 它接受一个可选参数“选择器”。 返回值： 它根据指定的选择器返回添加的元素。

显示addBack（）方法工作的jQuery代码： 代码#1：

                     <                               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”元素之后添加到堆栈中。 输出： 图片[1]-jQuery | addBack（）及其示例-yiteyi-C++库 代码#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                               >                   

输出： 图片[2]-jQuery | addBack（）及其示例-yiteyi-C++库

文章版权归作者所有，未经允许请勿转载。

THE END

Javascript