El fin() El método en jQuery se utiliza para finalizar la operación de filtrado más reciente en la cadena actual y devuelve el conjunto de elementos coincidentes a su estado anterior. Este método se utiliza sin ningún argumento.
El fin() El método es útil cuando se utiliza jQuery con fines de encadenamiento.
Sintaxis
operations.end()
Este método no acepta ningún argumento.
imagen de rebajas
Ahora, entendamos el funcionamiento del fin() método utilizando algunas ilustraciones.
Ejemplo 1
Es un ejemplo sencillo del uso de fin() método. Aquí, la cadena buscará primero los elementos del párrafo con durar y b elementos dentro de ellos, y luego al hacer clic en el botón, se seleccionarán los elementos abarcados en los elementos del párrafo.
git pago
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> Pruébalo ahora Producción
Después de la ejecución del código anterior, el resultado será:
Después de hacer clic en el botón indicado, el resultado será:
Ejemplo2
En este ejemplo hay dos métodos en la cadena que son los encontrar() método y primero() método, y los colores de fondo de los elementos del párrafo deben cambiarse en consecuencia. Pero al hacer clic en el botón dado, el fin() El método eliminará el último método de la cadena y cambiará el color de fondo de los elementos del párrafo, incluido el elemento 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> Pruébalo ahora Producción
fecha java actual
Después de la ejecución del código anterior, el resultado será:
Después de hacer clic en el botón indicado, el resultado será:
