The кінець() Метод у jQuery використовується для завершення останньої операції фільтрації в поточному ланцюжку та повертає відповідний набір елементів до попереднього стану. Цей метод використовується без аргументів.
The кінець() метод корисний, коли jQuery використовується для з’єднання.
Синтаксис
operations.end()
Цей метод не приймає жодних аргументів.
Тепер давайте зрозуміємо роботу кінець() метод з використанням деяких ілюстрацій.
Приклад1
Це простий приклад використання кінець() метод. Тут ланцюжок спочатку шукатиме елементи абзацу за допомогою проліт і b елементи всередині них, а потім, натиснувши кнопку, будуть виділені елементи span в елементах абзацу.
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> Перевірте зараз Вихід
Після виконання наведеного вище коду результатом буде -
Після натискання вказаної кнопки виведення буде -
Приклад 2
У цьому прикладі є два методи в ланцюжку, які є знайти() метод і перший() і фонові кольори елементів абзацу слід змінити відповідно. Але після натискання цієї кнопки, кінець() метод видалить останній метод у ланцюжку та змінить колір фону елементів абзацу, включаючи елемент 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> Перевірте зараз Вихід
Після виконання наведеного вище коду результатом буде -
Після натискання вказаної кнопки виведення буде -
