A vége() A jQuery metódusa a legutóbbi szűrési művelet befejezésére szolgál az aktuális láncban, és visszaállítja az illesztett elemkészletet az előző állapotába. Ezt a módszert érv nélkül használjuk.
A vége() módszer akkor hasznos, ha a jQuery-t láncolási célokra használják.
nézetek és asztalok
Szintaxis
operations.end()
Ez a módszer nem fogad el semmilyen érvet.
Most értsük meg a működését vége() módszer néhány illusztráció segítségével.
Példa1
Ez egy egyszerű példa a vége() módszer. Itt a lánc először a bekezdéselemekben keres span és b bennük lévő elemeket, majd a gombra kattintva a bekezdéselemekben lévő span elemek kijelölődnek.
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> Tesztelje most Kimenet
A fenti kód végrehajtása után a kimenet a következő lesz:
Az adott gombra kattintás után a kimenet a következő lesz:
Példa2
Ebben a példában két módszer található a láncban, amelyek a megtalálja() módszer és első() módszerrel, és ennek megfelelően módosítani kell a bekezdéselemek háttérszínét. De az adott gombra kattintva a vége() metódus eltávolítja a lánc utolsó metódusát, és megváltoztatja a bekezdéselemek háttérszínét, beleértve a span elemet is.
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> Tesztelje most Kimenet
tömb karakterláncban
A fenti kód végrehajtása után a kimenet a következő lesz:
Az adott gombra kattintás után a kimenet a következő lesz:
