دوره مجازی جاوااسکریپت (جلسه 19): انیمیشن ها ، متدهای فیلترینگ و پیمایش در جی کوئری

دسته بندی: جاوا اسکریپت
زمان مطالعه: ۲ دقیقه
۱۴ مرداد ۱۳۹۴

در ادامه آموزش جی کوئری امروز می پردازیم به آموزش متدهای مهم و جالبی از جی کوئری که کاربرد زیادی در اسکریپت ها و پروژه های شما خواهند داشت . در این جلسه در مورد متدهای مفیدی برای پیمایش بین تگ ها توسط جی کوئری صحبت می کنیم. همچنین متدهای فیلتر کردن تگ های انتخابی و انیمیشن های مختلف در جی کوئری رو بررسی کرده و آموزش میدیم. در این جلسه هم چنین نکات و مسائل متفرقه ی دیگه ای رو مطرح می کنیم که خیلی مهم هستند .

مطالب مطرح شده در این جلسه عبارتند از :

  • پیمایش  تگ های html با استفاده از کدهای جی کوئری
  • یاداوری ساختار درختی تگهای موجود در صفحات وب
  • معرفی متدهای فیلترینگ
  • متدهای first, last, eq, not, filter و ...
  • معرفی متدهای متفرقه
  • مشکل تداخل کدها، دلیل آن و روش های رفع آن
  • متد noConflict و نحوه جلوگیری از تداخل کدهای شما با کدهای دیگر
  • انتقال اشیاء دریافت شده توسط جی کوئری به یک آرایه جاوااسکریپت
  • معرفی انیمیشن ها در جی کوئری
  • متد hide و show : مخفی سازی و نمایش مجدد یک تگ در صفحه وب
  • متد fadeIn و fadeOut و fadeToggle: انیمیشن های fade در جی کوئری
  • متد های slideUp , slideDown و slideToggle : انیمیشن های اسلاید در جی کوئری
  • متد animate و ایجاد انیمیشن های دلخواه در جی کوئری
  • متدهای کار روی انیمیشن ها
  • متد های stop , delay , finish  و ...
  • توابع callBack در جی کوئری و کاربرد آن ها
  • صدازدن زنجیروار متدها در کوئری - jquery method chaining
  • معرفی متد و رویداد hover و نحوه کار با آن
:: توجه

این مطلب یک جلسه از آموزش javascript می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش javascript

نویسنده
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

جلسات دوره

نظرات کاربران

مجید زارعی هوشیار

سلام…تشکر از آموزش های خوبتون…………همیشه حسرت اینو میخورم کاشکی زود تر با سایت شما آشنا میشدم. بخصوص شخص آقای دکتر آوند …واقعا خسته نباشید…
یه سوال داشتم بحث های پیشرفته کلاس ها هم در جاوا اسکریپت وجود داره…………interface و abstract و…. ؟

لقمان آوند

سلام و ممنون از لطفتون
به صورت مستقیم خیر مباحثی مثل abstract و interface نداره ولی میشه یه جورایی شبیه سازیشون کرد …

mehdi karimi

سلام
استادتو جی کوئری متد delay قبل متد css جواب میده ؟ چون هرچی امتحان کردم که بعد چند ثانیه تاخیر تغییرات سی اس اس اعمال بشه نشد
اینم کدم :

$(document).ready(function(){
$(window).load(function(){
 $(".div1").delay(2000).css({display:"block"});
});
});
وحید صالحی

خیر دوست عزیز ابتدا یه عملی باید صورت بگیره تا تاخیر و delay روش اعمال بشه در ضمن په نیازی به این ار هست!!!؟

لقمان آوند

ممنون
تصحیح شد

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

شما هم چنان می توانید سوالات خود را در این قسمت بپرسید اما اولویت پاسخ گویی با دانشجویانی است که بازه پشتیبانی فعال دارند.

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل