jQuery Syntax
ستتعلم في هذا الدرس كيفية استخدام وكتابة الاكواد Syntax البرمجية الخاصة بمكتبة ال JQuery
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery Syntax
</> jQuery Syntax
صيغة ال jQuery مصممة خصيصًا لاختيار عناصر HTML وتنفيذ بعض الإجراءات على العنصر (العناصر).
Basic syntax
$(selector).action()
- علامة الدولار $ لكي تستدعي مكتبة ال jQuery
- ال selector يقوم بالبحث عن ال ELements داخل صفحة الويب عن طريق ال Tags او ال ID او ال Class
- ال action هي الاوامر البرمجية بواسطة ال jQuery التي سوف تنفذ او تطبق علي ال HTML Elements
يخفي ال Element الحالي
$(this).hide()
يخفي جميع عناصر ال <p>
$("p").hide()
يخفي جميع العناصر التي تحمل Class باسم test
$(".test").hide()
يخفي العنصر الزي يحمل id باسم test
$("#test").hide()
</> Document Ready
نقوم بكتابة اي اوامر برمجية بال jQuery بداخل دالة ال ready لمنع تنفيذ اوامر ال jQuery قبل تحميل صفحة الويب
من الجيد الانتظار حتى يتم تحميل صفحة الويب بالكامل وقراءة جميع ال Eleemnts قبل التعامل معها. يحدث ذلك أيضًا عندما تكتب JavaScript بك قبل ال body ، في قسم ال head.
تحدث مشاكل برمجية او خلل برمجي اذا لم تقوم باستخدام ال ready function مثل :
- تحاول اخفاء Element عن طريق ال jQuery قبل تحميل صفحة الويب مما يؤدي الي تنفيذ الاخفاء قبل ظهوره علي المتصفح
- تحاول قراءة حجم الصور قبل تحميلها علي المتصفح عن طريق ال jQuery بدون ready function
ready function
$(document).ready(function(){
// jQuery methods go here...
});
يمكن اختصار ready function الي
$(function(){
// jQuery methods go here...
});
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
