مقالات ذات وسم ’jQuery‘

في هذا الدرس سنركز على تقنية أجاكس (AJAX)، ولن أقوم بإعادة اختراع العجلة أو أشرح من الصفر متى ظهرت هذه التقنية أو طريقة استخدامها مباشرة. ما سأشرحه فقط هو كيفية التعامل مع الأجاكس من خلال مكتبة jQuery.
ولنبدأ:

هناك ثلاث مستويات في المكتبة للتعامل مع الأجاكس:

  • أولاً : load
  • ثانياً : $.get و $.post
  • ثالثا : $.ajax

التعريف بالحدث أو الأحداث

الحدث هو وقوع شيء ما، أي عندما نمرر الفأرة على رابط أو نضغط عليه فهذا يسمى حدث Event .
المثال ينطبق على كل العناصر داخل الصفحة

المثال الذي وضعته في الدرس السابق هو حدث click أي عندما نضغط على شيء نطلب منه ان يفعل كذا وكذا بلغة javascript

الأحداث في لغة javascript

وهي كالتالي:

  • onClick
  • onMouseover
  • onMouseout
  • onKeypress

قبل ان نبدأ درسنا أود أن تعرف أنك بحاجة إلى معرفة مسبقة باستخدام أوامر جافاسكريبت لأن المكتبة مبنية عليها، وكذلك معرفة أوامر html/xhtml css ولو القليل.

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

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

يمكنك تحميل المكتبة من موقعها الرسمي www.jQuery.com وقم بتحميل آخر إصدار من المكتبة (الإصدار الحالي عند وقت كتابة هذا الدرس هو 1.2.6).

17 مايو 2008

قام John Resig مخترع المكتبة العملاقة للجافاسكربت JQuery والذي يعمل حاليا لدى شركة Mozilla بتطوير نسخة من لغة Processing تعمل على Javascript و Canvas على المتصفحات. لغة Processing هي لغة برمجية و بيئة تطوير متكاملة IDE مفتوحة المصدر بُنيت لمجتمعات الفنون الألكترونية والتصاميم المرئية.