كيف يتم كتابة كود الجي كويري

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


كيف يتم كتابة كود الجي كويري


يمكنك أيضا تضمين مكتبة الجي كويرى مباشرة في موقعك بدون تحميل المكتبة يمكنك استدعائها الكود مباشرة من الموقع الرسمي


$(document).ready(function(){
// ضع أكواد الجي كويرى التى تريدها هنا
});


  1. $ يتم تعريف كود الجي كويرى
  2. (document) الوثيقة
  3. .ready الاستعداد
  4. (function(){ الوظيفة
  5. إضافة شفرات الجي كويري المطلوب تنفيذها
  6. }); علامة الإغلاق


مثال بسيط لاخفاء النص



<p class='demo-hide'>اضغط هنا لإخفاء هذه الجملة</p>

$(document).ready(function(){
   $('.demo-hide').click(function() { 
      $(this).hide();
   });
});

اضغط هنا لإخفاء هذه الجملة




  1. .demo-hide المحدد الذي سيتم تطبيق عليه التعليمات البرمجية
  2. .click يعتبر من أحداث الجي كويري أي عندما يتم الضغط أو النقر بزر الفأرة الأيسر مرة واحدة على هذا العنصر
    وهو .demo-hide
  3. $(this) تعود على العنصر أو المحدد نفسه الذي تم استخدامه والمحدد المستخدم هنا هو .demo-hide
  4. .hide(); أمر الإخفاء

تم تعريف المحدد التالي .demo-hide ثم أضفنا لحد حدث الضغط أو النقر وهو .click ثم أضفنا التعليمات البرمجية في المكان المخصص لها وهو الوظيفة التي سيتم تنفيذها عند استخدام النقر بزر الفأرة ، هنا قمنا باستخدام الأمر $(this) وهذا يعود على العنصر نفسه الذي سيتم الضغط أو النقر عليه وهو .demo-hide ، أما المهمة التي سيتم تنفيذها هي إخفاء هذا العنصر من الصفحة باستخدام الأمر .hide();

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