jQuery - Zincirleme İşlem (Chaining)
jQuery - Zincirleme İşlem (Chaining)
Ş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
<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>
Yorumlar
Yorum Gönder