The beigas () jQuery metode tiek izmantota, lai beigtu jaunāko filtrēšanas darbību pašreizējā ķēdē un atgrieztu atbilstošo elementu kopu tās iepriekšējā stāvoklī. Šī metode tiek izmantota bez argumentiem.
The beigas () metode ir noderīga, ja jQuery tiek izmantots ķēdes nolūkos.
Sintakse
operations.end()
Šī metode nepieņem nevienu argumentu.
cietajos vākos pret mīkstajiem vākiem
Tagad sapratīsim, kā darbojas beigas () metode, izmantojot dažas ilustrācijas.
Piemērs1
Tas ir vienkāršs piemērs, kā izmantot beigas () metodi. Šeit ķēde vispirms meklēs rindkopas elementus ar span un b elementi tajos un pēc tam, noklikšķinot uz pogas, tiks atlasīti rindkopas elementu laiduma elementi.
kā kārtot masīvu java
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>Izmēģiniet to tagad
Izvade
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz dotās pogas izvade būs -
Piemērs2
Šajā piemērā ķēdē ir divas metodes, kas ir atrast () metode un pirmais () metodi, un attiecīgi jāmaina rindkopas elementu fona krāsas. Bet, noklikšķinot uz dotās pogas, beigas () Metode noņems pēdējo ķēdes metodi un mainīs rindkopas elementu, tostarp span elementa, fona krāsu.
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>Izmēģiniet to tagad
Izvade
foreach java
Pēc iepriekš minētā koda izpildes izvade būs -
Pēc noklikšķināšanas uz dotās pogas izvade būs -