logo

jQuery end() metode

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(){ $(&apos;button&apos;).click(function(){ $(&apos;p&apos;).find(&apos;span&apos;).find(&apos;b&apos;).end().css(&apos;border&apos;, &apos;2px blue solid&apos;); }); }); .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 &apos;span&apos; and &apos;b&apos; 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 -

jQuery end() metode

Pēc noklikšķināšanas uz dotās pogas izvade būs -

jQuery end() metode

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(){ $(&apos;button&apos;).click(function(){ $(&apos;p&apos;).find(&apos;span&apos;).first().css({&apos;background-color&apos; : &apos;lightblue&apos;}).end().css({&apos;background-color&apos; : &apos;yellow&apos;}); }); }); <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 -

jQuery end() metode

Pēc noklikšķināšanas uz dotās pogas izvade būs -

jQuery end() metode