پیوند jQuery

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

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

پیوند 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 فضاهای خالی اضافی را می‌اندازد و کد بالا را به عنوان یک خط بلند اجرا می‌کند.