The galas() jQuery metodas naudojamas norint užbaigti naujausią filtravimo operaciją dabartinėje grandinėje ir grąžinti suderintą elementų rinkinį į ankstesnę būseną. Šis metodas naudojamas be jokių argumentų.
The galas() metodas yra naudingas, kai „jQuery“ naudojamas grandinės sujungimui.
Sintaksė
operations.end()
Šis metodas nepriima jokių argumentų.
Dabar supraskime, kaip veikia galas() metodas naudojant kai kurias iliustracijas.
1 pavyzdys
Tai paprastas naudojimo pavyzdys galas() metodas. Čia grandinė pirmiausia ieškos pastraipos elementų span ir b juose esančius elementus, o tada spustelėjus mygtuką bus pasirinkti pastraipos elementų span elementai.
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> Išbandykite dabar Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Spustelėjus nurodytą mygtuką, išvestis bus -
2 pavyzdys
Šiame pavyzdyje grandinėje yra du metodai, kurie yra rasti () metodas ir Pirmas() metodu, o pastraipos elementų fono spalvos turėtų būti atitinkamai pakeistos. Tačiau spustelėjus nurodytą mygtuką, galas() metodas pašalins paskutinį grandinės metodą ir pakeis pastraipos elementų, įskaitant span elementą, fono spalvą.
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> Išbandykite dabar Išvestis
Įvykdžius aukščiau pateiktą kodą, išvestis bus -
Spustelėjus nurodytą mygtuką, išvestis bus -
