متد show و hide در jQuery

همانطور که از نام این دو متد پیداست این متد ها برای نمایش یا مخفی کردن المان ها درون صفحه به کار می روند که متد show جهت نمایش و متد hide جهت مخفی سازی یک المان به کار می رود . به مثال زیر توجه کنید :

// hide element `selector`
$(selector).hide(duration);
// show element `selector`
$(selector).show(duration);

در مثال بالا دستور اول selector مورد نظر را مخفی خواهد کرد و مقدار آرگومان اول یعنی duration زمانی است که می خواهید این مخفی شدن طی کند که بر حسب میلی ثانیه محاسبه می شود و دستور دوم متد show است که دقیقا مانند متد hide است که با این تفاوت این متد بجای پنهان کردن , المان مورد نظر را نمایش خواهد داد با میزان duration که به آن پاس می دهیم .

مثال زیر المان selector را در طول مدت 5 ثانیه نمایش می دهد :

// show element `selector`
$(selector).show(5000);

مثال زیر المان selector را در طول مدت 5 ثانیه مخفی می کند :

// show element `selector`
$(selector).hide(5000);

نکته :

تقریبا اکثر متد های jquery آرگومانی به نام callback دریافت می کنند که کار آن این است که پس از مدت زمان duration یا پاسخ سرور در کاربرد های ajax تابعی یا کاری را که به آن محول کردیم را اجرا خواهد کرد به مثال زیر توجه کنید :

$(selector).hide(2000,function(){
alert('this element is hide');
});

در مثال بالا پس از 7 ثانیه که المان selector مخفی شد پیغام `this element is hide` نمایش داده خواهد شد

و اما کمی خلاقیت :

$(selector).hide(2000,function(){
$(selector).show(5000);
});

در مثال بالا المان مورد نظر در طی زمان 2 ثانیه محو خواهد شد و پس از مخفی شدن طی زمان 5 ثانیه دوباره شروع به نمایش دادن خواهد کرد !


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


دیدگاه خود را بیان کنید

به منظور بیان دیدگاه خود لطفا ابتدا وارد سایت شوید