El final() El mètode jQuery s'utilitza per finalitzar l'operació de filtratge més recent de la cadena actual i retorna el conjunt d'elements coincidents al seu estat anterior. Aquest mètode s'utilitza sense cap argument.
El final() El mètode és útil quan s'utilitza jQuery amb finalitats d'encadenament.
com imprimir java
Sintaxi
operations.end()
Aquest mètode no accepta cap argument.
Ara, entenem el funcionament del final() mètode utilitzant algunes il·lustracions.
Exemple 1
És un exemple senzill d'utilitzar final() mètode. Aquí, la cadena cercarà primer els elements del paràgraf amb span i b elements dins d'ells i, després, en fer clic al botó, es seleccionaran els elements d'abast dels elements del paràgraf.
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> Prova-ho ara Sortida
memòria virtual
Després de l'execució del codi anterior, la sortida serà -
Després de fer clic al botó donat, la sortida serà -
Exemple 2
En aquest exemple hi ha dos mètodes a la cadena que són els trobar () mètode i primer() mètode, i els colors de fons dels elements del paràgraf s'han de canviar en conseqüència. Però en fer clic al botó donat, el final() El mètode eliminarà l'últim mètode de la cadena i canviarà el color de fons dels elements del paràgraf, inclòs l'element 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> Prova-ho ara Sortida
Després de l'execució del codi anterior, la sortida serà -
git pull origin master
Després de fer clic al botó donat, la sortida serà -
