Le fin() La méthode dans jQuery est utilisée pour mettre fin à l’opération de filtrage la plus récente de la chaîne actuelle et renvoie l’ensemble d’éléments correspondant à son état précédent. Cette méthode est utilisée sans aucun argument.
Le fin() La méthode est utile lorsque jQuery est utilisé à des fins de chaînage.
Syntaxe
operations.end()
Cette méthode n'accepte aucun argument.
Maintenant, comprenons le fonctionnement du fin() méthode à l’aide de quelques illustrations.
Exemple 1
C'est un exemple simple d'utilisation du fin() méthode. Ici, la chaîne recherchera d'abord les éléments du paragraphe avec portée et b éléments à l'intérieur d'eux, puis en cliquant sur le bouton, les éléments span dans les éléments de paragraphe seront sélectionnés.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').find('b').end().css('border', '2px blue solid'); }); }); .para{ margin: 10px; padding: 10px; } <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <p> Click the below button to see the effect. </p> Click me <p class="para"> <span> Hello <b> World. </b> </span> It is a paragraph with 'span' and 'b' elements. </p> <p class="para"> <span> Another paragraph. </span> This paragraph has a span element. </p> <p class="para"> <span> Another paragraph. </span> This paragraph also has a span element. </p> Testez-le maintenant Sortir
Après l'exécution du code ci-dessus, le résultat sera -
Après avoir cliqué sur le bouton donné, la sortie sera -
point np
Exemple2
Dans cet exemple, il y a deux méthodes dans la chaîne qui sont les trouver() méthode et d'abord() méthode, et les couleurs d’arrière-plan des éléments de paragraphe doivent être modifiées en conséquence. Mais en cliquant sur le bouton donné, le fin() La méthode supprimera la dernière méthode de la chaîne et changera la couleur d’arrière-plan des éléments de paragraphe, y compris l’élément span.
jQuery end() method $(document).ready(function(){ $('button').click(function(){ $('p').find('span').first().css({'background-color' : 'lightblue'}).end().css({'background-color' : 'yellow'}); }); }); <h2> Welcome to the javaTpoint.com </h2> <h3> It is an example of using the end() method. </h3> <b> Click the below button to see the effect. </b> <br> <br> Click me <p class="para"> Paragraph <span> 1 with span element </span> </p> <p class="para"> Paragraph 2 </p> <p class="para"> Paragraph <span> 3 with span element </span> </p> <p class="para"> Paragraph 4 </p> Testez-le maintenant Sortir
Après l'exécution du code ci-dessus, le résultat sera -
Après avoir cliqué sur le bouton donné, la sortie sera -
