افکت ها در jQuery یکی از مهمترین و پرکاربردترین قابلیت ها در این زبان هستند که به طراحان وب سایت در زمینه طراحی سایت امکانات گسترده و جذابی را می دهند . افکت ها در jQuery شامل تعدادی متد از پیش تعریف شده هستند که برای مثال به شما امکان می دهند عناصر مورد نظر خود را مخفی و نمایان کرده و یا نحوه نمایش آن را تغییر دهید . استفاده از افکت ها در jQuery بسیار ساده و شبیه رویداد ها در این زبان هستند . بهتر است قبل از مطالعه این بخش ، بخش آموزش رویدادها در jQuery را مطالعه نمایید . در لیست زیر به معرفی مهمترین افکت ها در jQuery پرداخته ایم : [TABLE="width: 1"] [TR="bgcolor: #1741e7"] [TD="align: center"]نام افکت[/TD] [TD="align: center"]شرح[/TD] [/TR] [TR] [TD="align: center"]()fadeIn [/TD] [TD]افکت fadeIn باعث می شود عنصر مورد اثر خود را به آرامی از حالت نمایان به حالت مخفی در بیاورد .[/TD] [/TR] [TR] [TD="align: center"]()fadeOut [/TD] [TD]افکت fadeOut باعث می شود عنصر مورد اثر خود را به آرامی از حالت مخفی به حالت نمایان در بیاورد .[/TD] [/TR] [TR] [TD="align: center"]()fadeTo [/TD] [TD]افکت fadeTo میزان وضوح نمایش عنصر مورد اثر خود را به یک میزان دلخواه تغییر می دهد . [/TD] [/TR] [TR] [TD="align: center"]()hide [/TD] [TD]افکت hide عنصر مورد اثر خود را مخفی می کند .[/TD] [/TR] [TR] [TD="align: center"]()show [/TD] [TD]افکت show عنصر مورد اثر خود را نمایان می کند .[/TD] [/TR] [TR] [TD="align: center"]()slideDown [/TD] [TD]افکت slideDown با افزایش تدریجی ارتفاع ، عنصر مورد اثر خود را نمایان می کند .[/TD] [/TR] [TR] [TD="align: center"]()slideUp [/TD] [TD]افکت slideUp با کاهش تدریجی ارتفاع ، عنصر مورد اثر خود را مخفی می کند .[/TD] [/TR] [TR] [TD="align: center"]()animate [/TD] [TD]افکت animate بوسیله تغییر یک یا چند خاصیت CSS عنصر مورد نظر از یک حالت اولیه به مقداری جدید یک عمل انیمیشن را انجام می دهد .[/TD] [/TR] [TR] [TD="align: center"]()delay [/TD] [TD]افکت delay باعث ایجاد یک تاخیر در اجرای افکت دیگری می شود .[/TD] [/TR] [TR] [TD="align: center"] ()slideToggle [/TD] [TD]افکت slideToggle همانند یک عملگر دوجانبه بین دو افکت slideUp و slideDown بر روی عنصر مورد اثر خود عمل می کند[/TD] [/TR] [TR] [TD="align: center"]()stop [/TD] [TD]به کار بردن افکت stop باعث توقف انجام یک عمل یا انیمیشن برای عنصر مورد نظر می شود .[/TD] [/TR] [TR] [TD="align: center"]()toggle [/TD] [TD]افکت ( ) toggle بین دو افکت show وافکت hide تغییر وضعیت می دهد .[/TD] [/TR] [/TABLE]
