افکت ها در jQuery - افکت hide
افکت ( ) hide در jQuery :
این افکت باعث مخفی شدن عنصر مورد نظر می شود . عمکلرد این افکت بسیار شبیه به افکت
fadeOut می باشد . بوسیله این افکت برای مثال می توانید
این اختیار را به کاربر بدهید تا عناصری را که در صفحه لازم ندارد ، مخفی کند .
شکل کلی استفاده از این متد به شرح زیر است :
Syntax
|
$ ( " selector " ).hide ( speed , callback )
|
توضیح هر یک از موارد syntax :
توضیح
|
selector عنصری است که این افکت باعث مخفی شدن آن می شود .
|
این پارامتر در این افکت اختیاری بوده و مقدار پیش فرض آن صفر است .
این پارامتر سرعت مخفی شدن عنصر توسط افکت را تعین می کند .
این پارامتر به دو صورت قابل مقداردهی می باشد .
- تعیین به وسیله زمان بر حسب میلی ثانیه : در این حالت مدت زمانی که می خواهید در آن
عنصر مخفی شود را نعیین می کنید . مثلا 100 ms .
- تعیین بر اساس 3 حالت کلی زیر : در این حالت با انتخاب یکی از 3 مقدار زیر سرعت مخفی
شدن را آرام ، معمولی و یا سریع انتخاب می نمایید .
|
توسط این پارامتر می توان نام یک تابع را تعیین کنید تا پس از پایان پافتن اجرای افکت
و مخفی شدن عنصر مورد نظر ، آن تابع اجرا شود .
به کار بردن این پارامتر اختیاری است .
|
در چند مثال سعی می کنیم تا استفاده از افکت ( ) hide را در عمل به شما نمایش دهیم
.
مثال 1 : در مثال اول یک تگ < div > د اریم که در ابتدا
نمایش داده می شود . یک دکمه فرمان طراحی کرده ایم که کاربر برای مخفی کردن تگ <
div > باید بر روی آن کلیک نماید . با کلیک بر روی دکمه فرمان مثال ، تگ < div
> مخفی می شود :
مثال 2 : در مثال دوم دو لیست از اسامی زبان های برنامه نویسی
را با آیتم های مختلف به کاربر نمایش داده ایم . در ابتدا آیتم های لیست ها به کاربر
نمایش داده می شود . اما کاربر می تواند با برداشتن تیک کنترل انتخابی checkbox در
مثال ، آیتم های لیست را مخفی کند . برای مخفی کردن آیتم های لیست ها تیک کادر انتخاب
را در خروجی مثال بردارید :
راهنمایی مثال : در این مثال افکت hide اعضای کلاس Items را
که همان آیتم های لیست ها هستند ، را مخفی می کند .
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :