ما DOM؟
افهم Document Object Model بلغة بسيطة: الشجرة التي تمثّل كل صفحة ويب، ولماذا يُعدّ التلاعب بها ما تتقنه jQuery ببراعة
ما DOM؟ درس مجاني في jQuery Academy على CoddyKit. هذا هو الدرس 2 من أصل 3. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في jQuery Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة jQuery Academy 3 دروس في المجموع.
تعرّفوا إلى DOM
لاستخدام jQuery، من المفيد أن تعرفوا DOM. لا تقلقوا — إنها فكرة بسيطة رغم اسمها المخيف. 😊
الصفحة على شكل شجرة
DOM هي صفحة الويب بعد تحويلها إلى شجرة من الأجزاء — فكل عنوان وزر وصورة يمثّل فرعًا.
شجرة عائلة
تخيّلوا شجرة عائلة. 🌳 الصفحة هي العنصر الأب، وكل عنصر بداخلها هو عنصر ابن. وتتداخل العناصر بترتيب واضح.
لماذا يهم ذلك
DOM هي ما تتخاطب معه الشيفرة. هل تريدون تغيير زر؟ تصلون إلى DOM وتمسكون به.
عناصر في كل مكان
يُسمّى كل جزء عنصرًا. العنوان والفقرة والرابط — كلها عناصر موجودة في الشجرة.
اختيار العناصر باستخدام المحددات
للوصول إلى عنصر، تستخدمون محددًا — يشبه عنوانًا يشير بدقة إلى الجزء الذي تريدونه.
jQuery للإنقاذ
إليكم السحر: تجعل jQuery العثور على عناصر DOM سهلًا للغاية. هذا يلتقط جميع الفقرات دفعة واحدة.
$("p");ثم غيّروها
بعد التقاط عنصر، يمكنكم تغيير نصه أو لونه أو إخفاؤه — افعلوا به ما تشاؤون.
الجسر
إذًا، DOM هي الصفحة، وjQuery هي طريقتكم السهلة للوصول إليها والتعامل معها. ثنائي مثالي! 🤝
انظروا إلى تقدّمكم!
أصبحتم تفهمون DOM وكيف تستخدمها jQuery. 🎉 التالي: المواضع التي يظهر فيها ذلك في مواقع الويب الحقيقية.
تحقّق سريع
سؤال سريع! فكّروا فيما تناولناه للتو.
الأسئلة الشائعة
هل درس «ما DOM؟» مجاني؟
نعم — نص درس «ما DOM؟» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة jQuery Academy، انتقل إلى CoddyKit PRO. تتضمن دورة jQuery Academy 3 دروس في المجموع.
ماذا ستتعلم في «ما DOM؟»؟
افهم Document Object Model بلغة بسيطة: الشجرة التي تمثّل كل صفحة ويب، ولماذا يُعدّ التلاعب بها ما تتقنه jQuery ببراعة تتمرن على jQuery Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ jQuery Academy؟
لا تُشترط خبرة سابقة. jQuery Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 3.
كم من الوقت يستغرق درس «ما DOM؟»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس jQuery Academy هذا؟
نعم. كل درس في jQuery Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.