پرنیان طرح | انجام امور پرداختی و مجازی | فایل های گرافیکی | پرداخت های بین المللی
نویسنده: حامد محمدی 
با سلام خدمت شما همراهان همیشگی وب سایت پرنیان طرح
با یکی دیگر از مقالات آموزشی برنامه نویسی در خدمت شما هستیم.
در ادامه سری اموزش های jQuery امروز نحوه کدنویسی برای آشکار / پنهان کردن المان ها را با هم تمرین خواهیم کرد.
در ادامه مقاله همراه پرنیان باشید.
مقدمه
همانطور که گفته شد، امروز قصد داریم کدنویسی برای پنهان/آشکار شدن در jQuery را با هم تمرین کنیم.
کدنویسی برای اینکار یکی از راحت ترین کارها است.
برای آشکار/پنهان کردن المان ها در jQuery شما تنها نیاز خواهید داشت تا از توابع و دستورات موجود در کتابخانه جی کوئری استفاده کنید.
در ادامه تمریناتی برای یادگیری کامل نحوه استفاده از این توابع را با هم انجام خواهیم داد.
متدهای آشکار/ پنهان کردن Show/Hide
در جی کوئری برای انجام کارهایی از این دست، تنها کافیست متد مربوط به آن را فراخوانی کرده و از آن استفاده کنید.
شکل دستوری کدنویسی برای آن نیز به شکل زیر خواهد بود.
[php]
$(“#hide”).click(function(){
$(“p”).hide();
});
$(“#show”).click(function(){
$(“p”).show();
});
[/php]
نتیجه تکه کد بالا را می توانید از اینجا مشاهده و امتحان کنید.
توضیحات شکل نحوی کدنویسی Syntax
شکل اصلی کدنویسی برای دستورات پنهان و آشکار شدن به شکل زیر می باشد:
$(selector).hide(speed,callback);
پارامتر اختیاری Speed، سرعت انیمیشن اجرا شدن عمل پنهان یا آشکار شدن المان را تعیین می کند.
این پارامتر می تواند مقادیر زیر را داشته باشد:
1- slow کُند
2- fast سریع
3- milliseconds میلی ثانیه
پارامتر اختیاری callback هم ، مقداری است که پس از پایان عمل آشکار یا پنهان شدن، محاسبه و نمایش داده می شود.
در مثال زیر، پارامتر speed را برای انجام عمل پنهان شدن، تعیین کرده ایم.
در این مثال این پارامتر با مقدار slow مقدار دهی شده است.
شما می توانید کلمه slow را در صفحه کدنویسی، با کلمه fast جایگزین کنید.
و یا با وارد کردن milliseconds ، مقداری را برای آن تعیین کنید.
[php]
$(“button”).click(function(){
$(“p”).hide(1000);
});
[/php]
نتیجه و نحوه کار را از اینجا مشاهده و تمرین کنید.
تغیییر وضعیت در جی کوئری – ()jQuery toggle
جی کوئری به شما این امکان را می دهد تا بین دو وضعیت آشکار بودن و پنهان بودن، تغییر وضعیت دهید.
این بدان معناست که می توانید با کدنویسی ، المانی را هم پنهان کنید و هم آن را آشکار نمایید.
المان های قابل مشاهده پنهان می شوند.
و المان های پنهان شده ، دوباره قابل مشاهده خواهند شد.
تکه کد زیر انجام هر دو عمل پنهان شدن و آشکار شدن را توسط تنها یک دکمه و کلیک روی آن نمایش می دهد.
[php]
$(“button”).click(function(){
$(“p”).toggle();
});
[/php]
نتیجه تکه کد بالا را می توانید از اینجا مشاهده و امتحان کنید.
توضیحات شکل نحوی دستور بالا – Syntax
$(selector).toggle(speed,callback);
مانند نمونه قبلی، پارامتر اختیاری سرعت، سرعت انجام عمل پنهان شدن یا آشکار شدن را تعیین می کند.
پارامتر اختیاری callback نیز مقداری است که بعد از انجام عکل پنهان یا آشکار شدن، نمایش داده خواهد شد.
