تركيبة jQuery

باستخدام jQuery يمكنك اختبار “أمر” برمجي لعنصر HTML ثم إنشاء “أفعال” عليهم .


تركيبة jQuery

ان تركيبة jQuery هي اختيار Selecting عناصر HTML و إنجاز بين الأفعال action على العناصر .

التركيبة هي : $(selector).action()

  • يتم استخدام اشارة $ لتعريف jQuery .
  • ان selector هي أمر أو إيجاد عنصر HTML .
  • استخدام action() للتعديل و إظهار على العناصر .

أمثلة

  • $(this).hide() : إخفاء العنصر الحالي .
  • $("p").hide() : إخفاء جميع الفقرات / المواضيع .
  • $("p.test").hide() : إخفاء جميع الفقرات ذات اللاحقة test .
  • $("#test").hide() : إخفاء جميع الفقرات ذات اللاحقة test .

تستخدم jQuery مجموعة من تركيبة المنتقى selector CSS و Xpath .

ستتعلم المزيد تركيبة المنتقى في الدرس القادم من هذا الدورة .


وظيفة الصفحة Ready

يمكنك ملاحظة بأن طرق jQuery في الأمثلة لدينا هي داخل الكود الوظيفي document.ready() :

$(document).ready(function(){
// يكتب هنا الكود الوظيفي
});
 

تم استخدام read لتجنب كود jQuery قبل انتهاء تحميل الصفحة .

هنا بعض الأمثلة للأفعال التي يمكن أن تفشل اذا تم تشغيل function قبل تحميل الصفحة بشكل كامل :

  • محاولة إخفاء عنصر غير موجود .
  • محاولة الحصول على حجم صورة لم يتم تحميلها .