What does the .end() function do in jQuery?


The end() method reverts the most recent destructive operation, changing the set of matched elements to its previous state right before the destructive operation.

Example

You can try to run the following code to learn how to work with end function in jQuery:

Live Demo

<html>
   <head>
      <title>jQuery end() function</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
       
      <script>
         $(document).ready(function(){
            $("p").find("span").end().css("border", "2px blue solid");
         });
      </script>
       
      <style>
         p{
            margin:10px;
            padding:10px;
         }
      </style>
   </head>
   
   <body>
      <p><span>Hello</span> World!</p>
   </body>
   
</html>

Updated on: 09-Dec-2019

106 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements