قواعد الجملة لـ jQuery

من خلال jQuery، يمكنك اختيار (البحث عن، query) عناصر HTML واستخدامها لتنفيذ "عمليات" (actions) عليها.

مثال على لغة jQuery

$(this).hide()
توضيح دالة jQuery hide()، لإخفاء العنصر الحالي
$("#test").hide()
توضيح دالة jQuery hide()، لإخفاء العنصر الذي يحتوي على id="test"
$("p").hide()
توضيح دالة jQuery hide()، لإخفاء جميع العناصر من نوع <p>
$(".test").hide()
توضيح دالة jQuery hide()، لإخفاء جميع العناصر التي تحتوي على class="test"

قواعد الجملة لـ jQuery

تُصمم لغة jQuery لاختيار عناصر HTML واستخدامها لتنفيذ بعض العمليات على العناصر.

اللغة الأساسية هي:$(selector).action()

  • يحدد رمز الدولار jQuery
  • يستخدم مبدأ (selector) لـ "البحث" و "الإيجاد" عن عناصر HTML
  • يؤدي action() في jQuery إلى تنفيذ عمليات على العناصر

مثال

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

$("p").hide() - إخفاء جميع العناصر من نوع <p>

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

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

نصيحة:يستخدم jQuery لغة XPath ومحسنات CSS. في الفصول القادمة من هذا الدليل، ستتعلم المزيد عن لغة محسنات CSS.

دالة المستند الجاهز

قد لاحظت بالفعل أن جميع دوال jQuery في مثالنا تقع داخل دالة document ready:

$(document).ready(function(){
  // jQuery functions go here
});

هذا من أجل منع تشغيل رمز jQuery قبل تحميل المستند بشكل كامل (الاستعداد).

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

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