ربط jQuery

من خلال jQuery، يمكنك ربط الأفعال/الطرق معًا.

يُمكن لـ Chaining إضافة عدة طرق 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 ستجري رفع الأماكن الفارغة الزائدة، وسيتم تنفيذ السطر أعلاه كسطر طويل في خطوة واحدة.