بناء جملة jQuery
باستخدام jQuery ، يمكنك تحديد (استعلام) عناصر HTML وتنفيذ "الإجراءات" عليها.
بناء جملة jQuery
تم تصميم بناء جملة jQuery خصيصًا لاختيار عناصر HTML وتنفيذ بعض الإجراءات على العنصر (العناصر).
الصيغة الأساسية هي: $ ( محدد ). عمل ()
- علامة $ لتعريف / الوصول إلى jQuery
- ( محدد ) إلى "الاستعلام (أو البحث)" عن عناصر HTML
- إجراء jQuery () ليتم تنفيذه على العنصر (العناصر)
أمثلة:
$(this).hide()- يخفي العنصر الحالي.
$("p").hide()- يخفي كل عناصر <p>.
$(".test").hide()- يخفي كل العناصر مع class = "test".
$("#test").hide()- يخفي العنصر بالمعرف = "test".
هل أنت معتاد على محددات CSS؟
يستخدم jQuery بناء جملة CSS لتحديد العناصر. سوف تتعلم المزيد عن صيغة المحدد في الفصل التالي من هذا البرنامج التعليمي.
نصيحة: إذا كنت لا تعرف CSS ، يمكنك قراءة دروس CSS الخاصة بنا .
حدث جاهز المستند
ربما لاحظت أن جميع توابع jQuery في أمثلةنا موجودة داخل حدث جاهز للمستند:
$(document).ready(function(){
// jQuery methods go here...
});
هذا لمنع تشغيل أي كود jQuery قبل الانتهاء من تحميل المستند (جاهز).
من الجيد الانتظار حتى يتم تحميل المستند بالكامل وجاهزًا قبل التعامل معه. يسمح لك هذا أيضًا بالحصول على كود JavaScript الخاص بك قبل نص المستند ، في قسم الرأس.
فيما يلي بعض الأمثلة على الإجراءات التي يمكن أن تفشل إذا تم تشغيل الطرق قبل تحميل المستند بالكامل:
- محاولة إخفاء عنصر لم يتم إنشاؤه بعد
- محاولة الحصول على حجم الصورة التي لم يتم تحميلها بعد
نصيحة: أنشأ فريق jQuery أيضًا طريقة أقصر لحدث جاهز للمستند:
$(function(){
// jQuery methods go here...
});
استخدم الصيغة التي تفضلها. نعتقد أنه من الأسهل فهم حدث جاهز للمستند عند قراءة الكود.