زنجیره سازی (به انگلیسی: Chaining)

از ویکی‌کد
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Jquery-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳شروع کار
۴دستور زبان
۵انتخابگرها (Selectors)
۶رویدادها
جلوه‌ها در jQuery
۱نمایش دادن / پنهان کردن
۲محو شدن
۳اسلاید
۴متحرک ساختن
۵stop()
۶فراخوانی (Callback)
۷زنجیره‌سازی (Chaining)
HTML در jQuery
۱Get
۲Set
۳اضافه‌کردن (Add)
۴حذف‌کردن
۵کلاس‌های CSS
۶css()
۷ابعاد
پیمودن در jQuery
۱پیمودن (Traversing)
۲اجداد
۳نسل‌ها
۴برادرها (Siblings)
۵فیلترکردن
AJAX در jQuery
۱مقدمهٔ AJAX
۲بارگذاری
۳Get/Post
متفرقه‌های jQuery
۱noConflict()
۲فیلترها
مثال‌ها
۱مثال‌ها
مرجع‌ها

زنجیره سازی

به کمک jQuery می‌توانید متدها / عمل‌ها (به انگلیسی: actions) را با هم زنجیر کنید.[۱]

زنجیره سازی امکان اجرای چند متد jQuery را (در یک عنصر) در یک عبارت می‌دهد.

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

تا کنون عبارت‌های jQuery را یکی یکی می‌نوشتیم (یکی پس از دیگری).

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

نکته: با این کار، مرورگر نیاز ندارد یک عنصر (های) مشابه را بیش از یک‌بار پیدا کند.

برای زنجیره سازی یک عمل، به سادگی عمل را به عمل قبلی اضافه (Append) می‌کنیم.

مثال زیر متدهای css() ،slideUp() و slideDown() را به هم زنجیر می‌کند. رنگ عنصر “p1” ابتدا به قرمز تغییر می‌کند، سپس به سمت بالا جمع می‌شود (به انگلیسی: slide up) و سپس به سمت پایین باز می‌شود (به انگلیسی: slide down).

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

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

نکته: هنگام زنجیره سازی، ممکن است خط کد خیلی طولانی شود. با این حال، jQuery در نحو خیلی سخت گیر نیست؛ می‌توانید به صورت دلخواه آن را قالب بندی کنید از جمله رفتن به خط جدید و تو رفتگی‌ها را به دلخواه قرار دهید.

این کد نیز به خوبی عمل می‌کند:

مثال
1 $("#p1").css("color", "red")
2   .slideUp(2000)
3   .slideDown(2000);

jQuery فاصله‌های خالی اضافی را دور می‌ریزد و خطوط بالا را بعنوان یک خط طولانی کد اجرا می‌کند.


منابع آموزشی