The andSelf( ) is an inbuilt method in jQuery which is used to add the previous set of elements to the current set. This method adds previous DOM tree elements to the current set and maintains them in the internal stack which will take care of changes to the matched set of elements. Document Object Model(DOM) is a World Wide Web Consortium standard. This defines for accessing elements in the DOM tree.
Syntax:
andSelf( )(selector);
Parameters: It does not accept any parameter.
Return Value: It returns all added element against the specified selector.
jQuery code to show the working of andSelf( ) method:
<html> Â Â <head> Â Â Â Â <script type="text/javascript"Â Â Â Â Â </script> Â Â Â Â <script> Â Â Â Â Â Â Â Â $(document).ready(function() { Â Â Â Â Â Â Â Â Â Â Â Â $("div").find("p").andSelf().addClass("border"); Â Â Â Â Â Â Â Â }); Â Â Â Â </script> Â Â Â Â <style> Â Â Â Â Â Â Â Â p, Â Â Â Â Â Â Â Â div { Â Â Â Â Â Â Â Â Â Â Â Â margin: 5px; Â Â Â Â Â Â Â Â Â Â Â Â padding: 5px; Â Â Â Â Â Â Â Â } Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â .border { Â Â Â Â Â Â Â Â Â Â Â Â border: 2px solid green; Â Â Â Â Â Â Â Â } Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â Â .background { Â Â Â Â Â Â Â Â Â Â Â Â background: green; Â Â Â Â Â Â Â Â } Â Â Â Â </style> </head> Â Â <body> Â Â Â Â <div> Â Â Â Â Â Â Â Â <p>This is first paragraph.</p> Â Â Â Â Â Â Â Â <p>This is second paragraph.</p> Â Â Â Â </div> </body> Â Â </html> |
Here border would be added to previous selection which is a division and then second selection which is paragraphs.
Output:
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Read More Information here on that Topic: geeksforgeeks.org/jquery-andself-with-examples/ […]