IL FINE() Il metodo in jQuery viene utilizzato per terminare l'operazione di filtro più recente nella catena corrente e riporta l'insieme di elementi corrispondenti allo stato precedente. Questo metodo viene utilizzato senza alcun argomento.
IL FINE() Il metodo è utile quando jQuery viene utilizzato per scopi di concatenamento.
Sintassi
operations.end()
Questo metodo non accetta alcun argomento.
Ora capiamo il funzionamento di FINE() metodo utilizzando alcune illustrazioni.
Esempio 1
È un semplice esempio di utilizzo di FINE() metodo. Qui la catena cercherà prima gli elementi del paragrafo con arco E B elementi al loro interno, quindi facendo clic sul pulsante, verranno selezionati gli elementi di estensione negli elementi del paragrafo.
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> Provalo adesso Produzione
Dopo l'esecuzione del codice sopra, l'output sarà:
Dopo aver fatto clic sul pulsante indicato, l'output sarà:
Esempio2
In questo esempio ci sono due metodi nella catena che sono Trovare() metodo e Primo() metodo e i colori di sfondo degli elementi del paragrafo dovrebbero essere modificati di conseguenza. Ma facendo clic sul pulsante indicato, il file FINE() Il metodo rimuoverà l'ultimo metodo della catena e cambierà il colore di sfondo degli elementi del paragrafo incluso l'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> Provalo adesso Produzione
Dopo l'esecuzione del codice sopra, l'output sarà:
Dopo aver fatto clic sul pulsante indicato, l'output sarà:
