أحدث البرامج التعليمية وتطوير الشبكة
 

jQuery أمثلة


هل ترغب في تطوير مهاراتك محدد مسج؟

يرجى المحاولة لدينا اختبار محدد مسج


مسج المختارون

$("p").hide()
يدل على مسج hide() الأسلوب، إخفاء كل <p> العناصر.

$("#test").hide()
يدل على مسج hide() الأسلوب، إخفاء عنصر مع id="test" .

$(".test").hide()
يدل على مسج hide() الأسلوب، إخفاء كل العناصر مع class="test" .

$(this).hide()
يدل على مسج hide() الأسلوب، إخفاء عنصر HTML الحالي.

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


مسج الأحداث

مسج click()
يدل على مسج click() الحدث.

مسج dblclick()
يدل على مسج dblclick() الحدث.

مسج mouseenter()
يدل على مسج mouseenter() الحدث.

مسج mouseleave()
يدل على مسج mouseleave() الحدث.

مسج mousedown()
يدل على مسج mousedown() الحدث.

مسج mouseup()
يدل على مسج mouseup() الحدث.

مسج hover()
يدل على مسج hover() الحدث.

مسج focus() و blur()
يدل على مسج focus() و blur() الأحداث.

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


مسج إخفاء / عرض

مسج hide()
يدل على مسج hide() الأسلوب.

مسج hide() و show()
يدل مسج hide() و show() الأساليب.

مسج toggle()
مسج toggle() تبديل بين hide() و show() .

مسج hide()
آخر اخفاء مظاهرة. كيفية إخفاء أجزاء من النص.

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


مسج تتلاشى

مسج fadeIn()
يدل على مسج fadeIn() الأسلوب.

مسج fadeOut()
يدل على مسج fadeOut() الأسلوب.

مسج fadeToggle()
يدل على مسج fadeToggle() الأسلوب.

مسج fadeTo()
يدل على مسج fadeTo() الأسلوب.

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


مسج الشريحة

مسج slideDown()
يدل على مسج slideDown() الأسلوب.

مسج slideUp()
يدل على مسج slideUp() الأسلوب.

مسج slideToggle()
يدل على مسج slideToggle() الأسلوب.

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


مسج تحريك

مسج animate()
يدل على الاستخدام البسيط للمسج animate() الأسلوب.

مسج animate() - تعامل مع خصائص CSS متعددة
يوضح أنه يمكنك التعامل مع خصائص CSS متعددة مع مسج animate() الأسلوب.

مسج animate() - باستخدام القيم النسبية
يوضح أنه يمكنك استخدام القيم النسبية في مسج animate() الأسلوب.

مسج animate() - باستخدام قيم محددة مسبقا
يوضح أنه يمكنك استخدام القيم المحددة مسبقا "hide", "show", "toggle" في مسج animate() الأسلوب.

مسج animate()
يظهر أكثر باستخدام مسج animate() طريقة (العديد من animate() يدعو بعد بعضها البعض).

مسج animate()
يظهر أكثر باستخدام مسج animate() طريقة (العديد من animate() يدعو بعد بعضها البعض).

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


مسج وقف متحركة

مسج stop() انزلاق
يدل على مسج stop() الأسلوب.

مسج stop() الرسوم المتحركة (مع المعلمات)
يدل على مسج stop() الأسلوب.

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


مسج HTML احصل على المكونات والصفات

مسج text() و html() - الحصول على المحتوى
احصل على المكونات مع مسج text() و html() الأساليب.

مسج val() - الحصول على المحتوى
الحصول على قيمة حقل النموذج مع مسج val() الأسلوب.

مسج attr() - الحصول على قيمة السمة
الحصول على قيمة سمة مع مسج attr() الأسلوب.

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


مسج مجموعة HTML المحتوى وسمات

مسج text() ، html() ، و val() - لضبط المحتوى
محتوى مجموعة مع مسج text() ، html() و val() الأساليب.

مسج text() و html() - المحتوى مع مجموعة دالة رد
محتوى مجموعة + باستخدام دالة الاستدعاء داخل text() و html() .

مسج attr() - تعيين قيمة السمة
تعيين قيمة السمة مع مسج attr() الأسلوب.

مسج attr() - تعيين قيم السمة متعددة
تعيين قيم السمة متعددة مع مسج attr() الأسلوب.

مسج attr() - تعيين قيمة السمة مع دالة رد
تعيين قيمة السمة + باستخدام دالة رد داخل attr() .

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


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

مسج append()
إدراج المحتوى في نهاية عناصر HTML المحدد.

مسج prepend()
إدراج المحتوى في بداية عناصر HTML المحدد.

مسج append() - إدراج عدة عناصر جديدة
إنشاء عناصر جديدة مع نص / HTML، مسج، وجافا سكريبت / DOM. ثم إلحاق العناصر الجديدة على النص.

مسج after() و before()
إدراج المحتوى بعد وقبل عناصر HTML المحدد.

مسج after() - إدراج عدة عناصر جديدة
إنشاء عناصر جديدة مع نص / HTML، مسج، وجافا سكريبت / DOM. ثم إدراج عناصر جديدة بعد العنصر المحدد.

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


مسج HTML حذف عناصر / المحتوى

مسج remove()
إزالة اختيار element(s) .

مسج empty()
إزالة جميع العناصر التابعة لاختيار element(s) .

مسج remove() - مع معلمة
تصفية العناصر التي يمكن إزالتها

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


مسج الحصول على وتعيين فئات CSS

مسج addClass()
إضافة سمات فئة لعناصر مختلفة.

مسج addClass() - فصول متعددة
تحديد فئات متعددة داخل addClass() الأسلوب.

مسج removeClass()
إزالة سمة فئة معينة من العناصر المختلفة.

مسج toggleClass()
تبديل بين إضافة / إزالة الطبقات من العناصر المحددة.

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


مسج css() الطريقة

مسج css() - عودة الملكية CSS
إرجاع قيمة خاصية CSS المحدد من العنصر الأول يقابل.

مسج css() - تعيين خاصية CSS
تعيين خاصية CSS المحددة لعناصر ALL مطابقة.

مسج css() - تعيين خصائص CSS
تعيين خصائص CSS متعددة لعناصر ALL مطابقة.

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


مسج الأبعاد

مسج - عودة width() و height()
العودة العرض والارتفاع للعنصر المحدد.

مسج - العودة innerWidth() و innerHeight()
إعادة الداخلي-عرض / ارتفاع عنصر المحدد.

مسج - العودة outerWidth() و outerHeight()
إعادة الخارجي، عرض / ارتفاع عنصر المحدد.

مسج - العودة outerWidth (صحيح) وouterHeight (صحيح)
إعادة الخارجي، عرض / ارتفاع (بما في ذلك الهوامش) من عنصر المحدد.

مسج - عودة width() و height() من الوثيقة ونافذة
العودة العرض والارتفاع من الوثيقة (وثيقة HTML) والإطار (إطار العرض المتصفح).

مسج - مجموعة width() و height()
يحدد العرض والارتفاع لعنصر محدد.

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


مسج تعبر السلف الصالح

مسج parent()
يدل على مسج parent() الأسلوب.

مسج parents()
يدل على مسج parents() الأسلوب.

مسج parentsUntil()
يدل على مسج parentsUntil() الأسلوب.

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


أحفاد مسج العبور

مسج children()
يدل على مسج children() الأسلوب.

مسج find()
يدل على مسج find() الأسلوب.

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


مسج تعبر الأشقاء

مسج siblings()
يدل على مسج siblings() الأسلوب.

مسج next()
يدل على مسج next() الأسلوب.

مسج nextAll()
يدل على مسج nextAll() الأسلوب.

مسج nextUntil()
يدل على مسج nextUntil() الأسلوب.

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


مسج تعبر تصفية

مسج first()
يدل على مسج first() الأسلوب.

مسج last()
يدل على مسج last() الأسلوب.

مسج eq()
يدل على مسج eq() الأسلوب.

مسج filter()
يدل على مسج filter() الأسلوب.

مسج not()
يدل على مسج not() الأسلوب.

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


مسج أجاكس load() الطريقة

مسج load()
تحميل محتوى الملف إلى <div> العنصر.

مسج load()
تحميل المحتوى من عنصر معين داخل الملف، إلى <div> العنصر.

مسج load() - مع رد
استخدام للمسج load() الأسلوب مع دالة رد.

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


مسج أجاكس get() و post() طرق

مسج get()
استخدام $.get() طريقة لاسترداد البيانات من ملف موجود على الخادم.

مسج post()
استخدام $.post() طريقة لإرسال بعض البيانات جنبا إلى جنب مع الطلب.

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