پیوند jQuery

با استفاده از jQuery، می‌توانید عمل‌ها/روش‌ها را پیوند دهید.

پیوند (Chaining) به ما اجازه می‌دهد تا چندین روش jQuery را در یک خط (روی یک عنصر مشابه) اجرا کنیم.

پیوند jQuery

تا کنون، ما همیشه یک خط به صورت یکجا جاوااسکریپت نوشته‌ایم (یک خط به دنبال دیگری).

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

توجه:به این ترتیب، مرورگر نیازی به جستجوی دوباره عناصر مشابه ندارد.

برای پیوند یک عمل، کافی است این عمل را به عمل قبلی اضافه کنید.

مثال 1

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

$("#p1").css("color","red").slideUp(2000).slideDown(2000);

آزمایش کنید

اگر نیاز باشد، می‌توانیم چندین فراخوانی را نیز اضافه کنیم.

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

مثال 2

این روش نیز قابل اجرا است:

$("#p1").css("color","red")
  .slideUp(2000)
  .slideDown(2000);

آزمایش کنید

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