افکت hide در جی کوئری

9 / 10 از 4 کاربر

افکت ( ) hide در jQuery 

در این بخش از آموزش jquery ، افکت hide را در طراحی سایت آموزش می دهیم.

افکت ( ) hide باعث مخفی شدن عنصر مورد نظر می شود . عمکلرد این افکت بسیار شبیه به افکت fadeOut می باشد . بوسیله افکت ( ) hide  می توانید این اختیار را به کاربر بدهید تا عناصری را که در صفحه لازم ندارد ، مخفی کند .
شکل کلی استفاده از این متد به شرح زیر است :

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

 

selector :selector عنصری است که این افکت باعث مخفی شدن آن می شود . 
speed : این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن عنصر مخفی شود را نعیین می کنید . مثلا 100 ms .
تعیین بر اساس 3 حالت کلی زیر : در این حالت با انتخاب یکی از 3 مقدار زیر سرعت مخفی شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
"slow"
"normal"
"fast"

callback : توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان پافتن اجرای افکت و مخفی شدن عنصر مورد نظر ، آن تابع اجرا شود .
به کار بردن این پارامتر اختیاری است .

مثال زیر کاربرد افکت ( ) hide را نشان میدهد :

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

با افکت Hide در جی کوئری شما میتواند یک عنصر در HTML را مخفی کنید.

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

عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*
نویسنده : بهاره شکری
تاریخ انتشار : 29/05/1392
تعداد بازدید : 3654