English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مقدمة jQuery

jQuery مكتبة JavaScript سريعة، خفيفة الوزن ومليئة بالميزات، تعتمد على مبدأ 'قل وكثير'.

يقوم jQuery ببسط استكشاف مستند HTML، معالجة الأحداث، التأثيرات، وتفاعل AJAX، مما يحقق تطويرًا سريعًا للويب.

يهدف jQuery إلى جعل استخدام JavaScript على المواقع أسهل.

سيساعدك هذا الدليل على تعلم jQuery من الأساسيات إلى المواضيع المتقدمة الأحدث.

أمثلة jQuery في كل فصل

كل فصل في هذا الدليل يحتوي على العديد من أمثلة التدريب، يمكنك تجربتها وتحديدها باستخدام محررنا عبر الإنترنت لتمديد نطاق تعلمك. هدفي من هذه الأمثلة هو أن تكون أكثر فهمًا لاستخدام jQuery.

مثال jQuery الأساسي
$("document").ready(function() {
  $("p").click(function() {
    $(this).hide();
  });
});
اختبر وأرى <‹/›

مزايا jQuery

إذا لم تكن مألوفًا بـ jQuery، قد تود أن تعرف ما يجعل jQuery خاصًا.

جعل jQuery العديد من الأمور المعقدة في JavaScript أسهل، مثل استدعاء AJAX وتعامل DOM.

يحتوي مكتبة jQuery على الميزات التالية:

  • تعامل HTML / DOM

  • تعامل CSS

  • معالجة الأحداث

  • التأثيرات والإبداعات

  • دعم AJAX

  • الأدوات المفيدة (Utilities)

  • الإضافات (Plugins)

  • دعم متعدد المتصفحات

معلومات:في JavaScript، عادةً ما تحتاج إلى كتابة عدة سطور من الكود لاختيار وتعامل العناصر في مستند HTML، ولكن باستخدام ميكانيكية اختيار jQuery القوية، يمكنك استكشاف شجرة DOM وتحديد العناصر بطرق بسيطة وفعالة للقيام بأي عملية.

ما الذي يمكن القيام به بـ jQuery؟

يمكنك استخدام jQuery للقيام بمزيد من الأمور:

  • jQuery يمكنه اختيار العناصر بسهولة

  • يمكن لـ jQuery تغيير نمط العنصر (CSS) والوضع بسهولة

  • يمكن لـ jQuery تعديل عناصر DOM وخصائصها بسهولة

  • يمكن لـ jQuery إنشاء تأثيرات مثل عرض أو إخفاء العناصر، انتقال التمرير، إلخ.

  • يمكن لـ jQuery إنشاء تأثيرات CSS معقدة باستخدام كود أقل

  • يمكن لـ jQuery استكشاف شجرة DOM بأكملها للبحث عن أي عنصر

  • يمكن لـ jQuery تنفيذ عدة عمليات على العنصر في سطر واحد فقط

  • يمكن لـ jQuery الحصول أو تعيين حجم عناصر HTML بسهولة

القائمة لم تنته بعد، يمكنك استخدام jQuery للقيام بعدة مهام ممتعة أخرى.

في الفصول القادمة، ستتعرف على كل هذه المعلومات بشكل مفصل.

إعداد المعرفة الأساسية

قبل البدء في تعلم jQuery، يجب أن تكون لديك معرفة أساسية بالآتي:

إذا كنت مبتدئًا، يُفضل البدء بالمعرفة الأساسية وثم التقدم ببطء يوميًا.

نوصي بكتابة هذا الدليل وفقًا للترتيب المذكور في القائمة الجانبية.

مرجع jQuery

جزء المرجع سيعطيك تفاصيل مفصلة حول محددات jQuery، تأثيرات، خصائص، أحداث، إلخ.

استعراض دليل jQuery