Turkcell | Geleceği Yazanlar

Web Programlama

Web Programlama

DERS PROGRAMI
302: JQuery Ders Programı

jQuery - Zincirleme İşlem (Chaining)

Lisans: Creative Commos (by-nc-sa)12.09.2019 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>