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: 2019-12-09T10:01:22+05:30

199 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements