Turkcell | Geleceği Yazanlar

302: JQueryBaşlangıç seviyesi derslerde Web Programlama uygulama geliştirme ortamını detaylı olarak inceliyoruz.

Tüm Eğitimleri Aldın mı? Kendini sınamanın tam zamanı

Haydi Sınava Gir

jQuery - Zincirleme İşlem (Chaining)

Kategori : Mobil | Lisans : Creative Commons (by-nc-sa) | En son 12.09.2019 tarihinde güncellendi
Eğitmen : Geleceği Yazanlar Ekibi
Etiketler : web-programlama

Şu ana kadar jQuery deyimlerini belli bir anda bir tane olarak çalıştırdığını söylüyorduk (biri diğerinden sonra). Bununla birlikte, zincirleme adı verilen bir teknik mevcuttur; bu teknik sayesinde çok sayıda jQuery komutu, biri diğerini izler biçimde, aynı eleman üzerinde icra edilebilir. Bir zincir oluşturmak için, bir eylem bir önceki eyleme eklenir.

Aşağıdaki örnekte, css(), slideUp() ve slideDown() metotları bir zincir oluşturmaktadır. p1 elemanı önce kırmızıya dönüyor, sonra yukarıya ve daha sonra da aşağıya hareket ediyor:

$("#p1").css("color","red").slideUp(1900).slideDown(1700);

Örnek HTML5 kodu:

<!DOCTYPE html>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script>
            $(document).ready(function()
                              {
                              $("button").click(function(){
                                                $("#p1").css("color","red").slideUp(1900).slideDown(1800);
                                                });
                              });
            </script>
    </head>
    <body>
        
        <p id="p1">Geleceği Yazanlar</p>
        <button>TIKLA</button>
        
    </body>
</html>