مثال على jQuery

زيادة مهاراتك في jQuery من خلال الأمثلة!

مثال على لغة jQuery

$(this).hide()
عرض دالة jQuery hide()، لإخفاء العنصر HTML الحالي.
$("p").hide()
عرض دالة jQuery hide()، لإخفاء جميع عناصر <p>.
$(".test").hide()
عرض دالة jQuery hide()، لإخفاء جميع العناصر class="test".
$("#test").hide()
عرض دالة jQuery hide()، لإخفاء العنصر id="test".

توضيح الأمثلة

إخفاء - تمرير - إبهام

jQuery fadeOut()
عرض دالة jQuery fadeout() البسيطة.
jQuery hide()
عرض دالة jQuery hide() البسيطة.
إخفاء التوضيحات
عرض كيفية إخفاء جزء من النص.
Slide panel
عرض تأثير Slide Panel البسيط.
jQuery animate()
عرض دالة jQuery animate() البسيطة.

توضيح الأمثلة

عمليات HTML

تغيير محتوى العنصر HTML.

إضافة محتوى إلى عنصر HTML.

إضافة محتوى بعد عنصر HTML.

توضيح الأمثلة

عمليات CSS

تغيير خصائص CSS العنصر HTML.

تغيير عدة خصائص CSS.

الحصول على خصائص CSS للعنصر.

توضيح الأمثلة

AJAX و jQuery

استخدام $(selector).load(url) لتغيير محتوى HTML.

استخدام $.ajax(options) لتغيير محتوى HTML.

توضيح الأمثلة