تأثيرات jQuery - إخفاء وإظهار
إخفاء ، إظهار ، تبديل ، تحريك ، تلاشي ، وتحريك. رائع!
انقر لإظهار / إخفاء اللوحة
لأن الوقت ثمين ، فنحن نقدم تعلمًا سريعًا وسهلاً.
في W3Schools ، يمكنك دراسة كل ما تحتاج إلى تعلمه ، بتنسيق سهل الوصول إليه.
أمثلة
توضح طريقة jQuery hide () بسيطة.
عرض آخر لـ hide (). كيفية إخفاء أجزاء من النص.
jQuery إخفاء () وإظهار ()
باستخدام jQuery ، يمكنك إخفاء عناصر HTML وإظهارها باستخدام التابعين hide()and show():
مثال
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
بناء الجملة:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
تحدد معلمة السرعة الاختيارية سرعة الإخفاء / العرض ، ويمكن أن تأخذ القيم التالية: "بطيء" أو "سريع" أو مللي ثانية.
معلمة رد الاتصال الاختيارية هي وظيفة يتم تنفيذها بعد اكتمال hide()أو show()الطريقة (سوف تتعلم المزيد عن وظائف رد الاتصال في فصل لاحق).
يوضح المثال التالي معلمة السرعة مع hide():
مثال
$("button").click(function(){
$("p").hide(1000);
});
تبديل jQuery ()
يمكنك أيضًا التبديل بين إخفاء عنصر وإظهاره باستخدام toggle()الطريقة.
العناصر الظاهرة مخفية وتظهر العناصر المخفية:
مثال
$("button").click(function(){
$("p").toggle();
});
بناء الجملة:
$(selector).toggle(speed,callback);
يمكن أن تأخذ معلمة السرعة الاختيارية القيم التالية: "بطيء" أو "سريع" أو مللي ثانية.
معلمة رد الاتصال الاختيارية هي وظيفة يتم تنفيذها بعد
toggle()اكتمالها.
تمارين مسج
مرجع تأثيرات jQuery
للحصول على نظرة عامة كاملة على جميع تأثيرات jQuery ، يرجى الانتقال إلى مرجع تأثير jQuery .