كيف يتم كتابة كود الجي كويري
يمكنك أيضا تضمين مكتبة الجي كويرى مباشرة في موقعك بدون تحميل المكتبة يمكنك استدعائها الكود مباشرة من الموقع الرسمي
$(document).ready(function(){ // ضع أكواد الجي كويرى التى تريدها هنا });
$
يتم تعريف كود الجي كويرى(document)
الوثيقة.ready
الاستعداد(function(){
الوظيفة- إضافة شفرات الجي كويري المطلوب تنفيذها
});
علامة الإغلاق
مثال بسيط لاخفاء النص
<p class='demo-hide'>اضغط هنا لإخفاء هذه الجملة</p>
$(document).ready(function(){ $('.demo-hide').click(function() { $(this).hide(); }); });
اضغط هنا لإخفاء هذه الجملة
.demo-hide
المحدد الذي سيتم تطبيق عليه التعليمات البرمجية.click
يعتبر من أحداث الجي كويري أي عندما يتم الضغط أو النقر بزر الفأرة الأيسر مرة واحدة على هذا العنصر
وهو.demo-hide
$(this)
تعود على العنصر أو المحدد نفسه الذي تم استخدامه والمحدد المستخدم هنا هو.demo-hide
.hide();
أمر الإخفاء
تم تعريف المحدد التالي
.demo-hide
ثم أضفنا لحد حدث الضغط أو النقر وهو .click
ثم أضفنا التعليمات البرمجية في المكان المخصص لها وهو الوظيفة التي سيتم تنفيذها عند استخدام النقر بزر الفأرة ، هنا قمنا باستخدام الأمر $(this)
وهذا يعود على العنصر نفسه الذي سيتم الضغط أو النقر عليه وهو .demo-hide
، أما المهمة التي سيتم تنفيذها هي إخفاء هذا العنصر من الصفحة باستخدام الأمر .hide();
يمكنك أيضا تعيين المحدد وتنفيذ التعليمات البرمجية التي تريدها على عنصر أخر
كيف يتم كتابة كود الجي كويري
https://www.mohamed24119.com/2017/04/jquerysyntax.html