Loading...

4 – بناء جمل jQuery

الرئيسية /  تعلم jQuery جي كيوري /  4 – بناء جمل jQuery

جملة جي كيوري صممت خصيصا لتحديد عنصر HTML وتنفيذ عليه الإجراءات التي ترغب بها.
البنية الأساسية هي :

 $(selector).action()
  • $ تعني الدخول إلى جي كيوري وتحديد استعلام منها
  • selector هو عنصر HTML الذي سيتم البحث عنه في عناصر الصفحة.
  • action() الاستعلام الذي سينفذ على العنصر أو العناصر المحددة

أمثلة

$(this).hide() // لإخفاء العنصر الحالي

$(“p”).hide() // إخفاء جميع عناصر التاغ <p>

$(“.test”).hide() // إخفاء جميع عناصر التي تحمل التي تحتوي على class=”test”

$(“#test”).hide() // إخفاء جميع العناصر التي تحتوي على id=”test”

 

تجهيز document لإجراء الأحداث

ستلاحظ أن جميع الأمثلة التي نذكرها داخل حدث document ready

$(document).ready(function(){

// هنا سيكون العمل..

});

عندما يوضع الكود داخل document ready لن يتم تنفيذ أي عملية قبل الانتهاء من تحميل المستند في الكامل
وهذا الأفضل في هذه الحالة تستطيع أن تضع كود الجافا سكريبت في أي مكان من المستند.

سنذكر عدة أمثلة عن العمليات التي قد تفشل إذا تم تشغيلها قبل تحميل المستند بالكامل :

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

قام فريق jQuery باختصار طريقة تنفيذ العملية بعد تحميل المستند بالكامل بهذا الشكل

$(function(){

// هنا سيكون العمل..

});

يمكنك استخدام الطريقة التي تفضلها وأنصحك بالطريقة الأولى لأنها أسهل للفهم عند قراءة التعليمات البرمجية