Web Programlama

Web Programlama

DERS PROGRAMI
Web Programlama 302 Ders Programı
Sınava Gir

jQuery - Zincirleme İşlem (Chaining)

Lisans: Creative Commons 26.11.2020 tarihinde güncellendi
Bakabileceğiniz Etiketler: Eğitmen: Geleceği Yazanlar Ekibi

Ş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>

 

Sınava Gir