باستخدام 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 قبل تحميل الصفحة بشكل كامل :
- محاولة إخفاء عنصر غير موجود .
- محاولة الحصول على حجم صورة لم يتم تحميلها .
ليست هناك تعليقات:
إرسال تعليق