son() jQuery'deki yöntem, geçerli zincirdeki en son filtreleme işlemini sonlandırmak ve eşleşen öğe kümesini önceki durumuna döndürmek için kullanılır. Bu yöntem herhangi bir argüman olmadan kullanılır.
son() jQuery zincirleme amaçlarla kullanıldığında yöntem kullanışlıdır.
Sözdizimi
operations.end()
Bu yöntem hiçbir argümanı kabul etmez.
Şimdi sistemin işleyişini anlayalım. son() bazı illüstrasyonlar kullanarak yöntem.
Örnek 1
kullanmanın basit bir örneğidir. son() yöntem. Burada zincir öncelikle paragraf elemanlarını arayacaktır. açıklık Ve B içindeki öğeler seçilir ve ardından düğmeye tıklandığında paragraf öğelerindeki yayılma öğeleri seçilir.
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> Şimdi Test Edin Çıktı
Yukarıdaki kodun yürütülmesinden sonra çıktı şu şekilde olacaktır:
Verilen butona tıkladıktan sonra çıktı şu şekilde olacaktır:
Örnek2
Bu örnekte zincirde iki yöntem vardır; bulmak() yöntem ve Birinci() yöntemi kullanılmalı ve paragraf elemanlarının arka plan renkleri buna göre değiştirilmelidir. Ancak verilen düğmeye tıkladığınızda, son() method zincirdeki son metodu kaldıracak ve span öğesi dahil paragraf öğelerinin arka plan rengini değiştirecektir.
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> Şimdi Test Edin Çıktı
Yukarıdaki kodun yürütülmesinden sonra çıktı şu şekilde olacaktır:
Verilen butona tıkladıktan sonra çıktı şu şekilde olacaktır:
