chaining در jQuery

زنجیره در jQuery


در jQuery متدها/توابع را می توانید به همدیگر  متصل کنید.
Chaining به شما اجازه می دهد تا متدهای چندگانه jQuery را ( روی عنصر یکسان) اجرا کنید.


متد های زنجیره در jQuery

تا به حال ما عبارات jQuery را بصورت تک به تک (یکی پس از دیگری) می نوشتیم.
حال، در اینجا تکنیکی به نام Chaining وجود دارد که این امکان را فراهم می کند تا دستورات چندگانه jQuery را یکی پس از دیگری روی همان عنصر(ها) اجرا کنیم.


نکته: با این روش، مرورگر ها مجبور نیستند تا این عناصر را بیش از یک بار پیدا کنند.
برای اتصال یک عمل،  به راحتی یک عمل را به  عمل قبلی اضافه خواهید کرد.

 

مثال زیر متد های ()css() ،slideUp و ()slideDown را به یکدیگر زنجیر کرده است. عنصر p1 ابتدا به قرمز تغییر می کند، سپس بصورت کشویی به سمت بالا حرکت کرده و سپس به صورت کشویی به سمت پایین حرکت می کند.


chaining
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
مشاهده مثال


متدهای دیگری را هم در صورت نیاز می توان اضافه کرد.


نکته: هنگام زنجیر کردن، هر خط کد می تواند خیلی بلند شود. اگرچه jQuery روی ترکیب کد خیلی سخت گیرانه عمل نمی کند، پس می توانید به هر فرمت دلخواه ،مانند شکستن خط، کدنویسی کنید.

این کد نیز به درستی اجرا خواهد شد:

chaining - آزادی در ترکیب کد
$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000); 
مشاهده مثال

 

نظر شما

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران بپیوندید

   
   
عضویت
پیام تستی برای گروه نرم افزاری وب مهراز