گروه مقاله : جاوا اسكريپت Java Script

تاريخ انتشار : 1396/05/05 - 12:21

كد :7740

آموزش جی کوئری مخفی کردن و نمایش عناصر

در این آموزش نحوه مخفی کردن و نمایش عناصر Html توسط جی کوئری را آموزش میدهیم

آموزش طراحی سایت

برای مخفی کردن و نمایش عناصر در جی کوئری میتوانید از متد های hide() و show() استفاده کنید.

$("#hide").click(function(){
$("p").hide();
});

$("#show").click(function(){
$("p").show();
});

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

پارامتر اختیاری Speed میزان سرعت را مشخص می کند. این سرعت میتواند بصورت Slow یا Fast یا بصورت عددی برحسب میلی ثانیه باشد.

مثال :

$("p").hide(1000);

$("p").hide(fast);

$("p").hide(slow);

پارامتر اختیاری Callback میتواند یک عملیات دیگر را بعد از بپایان رسیدن افکت انجام دهد.

مثال :

$("p").hide("slow", function(){
alert("The paragraph is now hidden");
});

$("button").click(function(){
$("p").hide(1000);
});

در جی کوئری شما میتوانید با یک خط دستوری هر دو عملیات مخفی کردن و آشکار کردن یک تگ را انجام دهد.

در مثال زیر ما نحوه انجام اینکار را آموزش داده ایم:

$("button").click(function(){
$("p").toggle();
});

براي بهره مندي از مشاوره تخصصي در زمینهطراحی سایت با شرکت سارگون تماس بگيريد

$محاسبات ریاضی در جاوا اسکریپت$

نظرات كاربران :

لطفاً نظر خود را وارد نمائيد