تم تطوير مسج بواسطة جوجل. لإنشاء مثال jQuery الأول، تحتاج إلى استخدام ملف JavaScript لـ jQuery. يمكنك تنزيل ملف jQuery من jquery.com أو استخدام عنوان URL المطلق لملف jQuery.

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

دعونا نرى مثالاً بسيطًا على jQuery.

 First jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

انتاج:

تم تحديد الفقرة الأولى.

تم تحديد الفقرة الثانية.

تم تحديد الفقرة الثالثة.

$(مستند).ready() و $()

يتم تنفيذ التعليمات البرمجية المدرجة بين $(document).ready() مرة واحدة فقط عندما تكون الصفحة جاهزة لتنفيذ تعليمات JavaScript البرمجية.

عينة من كود جافا

بدلاً من $(document).ready()، يمكنك استخدام التدوين المختصر $() فقط.

 $(document).ready(function() { $('p').css('color', 'red'); }); 

الكود أعلاه يعادل هذا الكود.

 $(function() { $('p').css('color', 'red'); }); 

دعونا نرى المثال الكامل لـ jQuery باستخدام التدوين المختصر $().

 Second jQuery Example <p>The first paragraph is selected.</p> <p>The second paragraph is selected.</p> <p>The third paragraph is selected.</p> 

انتاج:

تم تحديد الفقرة الأولى.

تم تحديد الفقرة الثانية.

تحويل عدد صحيح إلى سلسلة جافا

تم تحديد الفقرة الثالثة.

function() { $('p').css('background-color', 'سماوي'); }

يغير لون الخلفية للجميع

علامة أو فقرة إلى سماوي.