دوره مجازی جاوااسکریپت (جلسه 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 روش اعمال بشه در ضمن په نیازی به این ار هست!!!؟

na3r

لطفا url این صفحه رو اصلاح کنید : js-s19 —> js-s18
من به اشتباه افتادم ..!
ممنون.

لقمان آوند

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

hassani

سلام
این جلسه هم خیلی عالی بود و کاربردی.مخصوصا با وبسایتهایی که به ما معرفی میکنین.
فقط یه نکته اینکه اگه امکانش هست برای نحوه استفاده از پلاگینهای easing مثال هایی رو بیارید تا ما با نحوه استفاده از حالت های بیشتر easing در مبحث انیمیشنها بیشتر آشنا بشیم.
ویه نکته دیگه اینکه خواهشا در زمانی که دغدغه فکری و مشکلات هست اقدام به ضبط آموزش ها نکنین تا هرچه بهتر و بیشتر بتونین سوابق و مهارتتون در بحث طراحی وب رو با ما به اشتراک بذارین.ببخشید اینو گفتم چون میبینم استاد این روزا گرفتاری دارن و از طرفی برخی دانشجوها هم اصرار به سریع تر شدن روند آموزش دارن.

لقمان آوند

ممنون حسنی جان .
چشم حتما … اگر امکانش بود مثال easing هم میزنیم …

hassani

سلام استاد گرامی.
یه ماشین حساب رو کدنویسی کردم ببینیدش:
http://s6.picofile.com/file/8206207650/calculator.rar.html
چطوره؟
برای رادیکال نمیدونستم باید چیکار کنم.
در ضمن تصویر اون گلی که در بخش شکلک های کامنت ها بود رو بذارید .اینقدر براتون گل گذاشتم که گلاتون تموم شد؟ 😀 😀 😀

hassani

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

لقمان آوند

ممنون از لطف شما

لقمان آوند

ممنون حسنی جان
کارت خیلی خوبه و روز به روز داری پیشرفت میکنی . رادیکالم وقت بزاری میدونی چیکارش کنی . الان داری نتیجه همون وقت گذاشتنای خودتو میبینی …
گلامون تموم شد. حالا سفارش دادیم ماه آینده میرسن ;D

ehsan69

سلام دکتر لقمان و خسته نباشی
لطفاً توی این دوره هم به مانند دو دوره ی html و php، فریم ورک های جاوا اسکریپت رو هم معرفی نمایید.
باتشکر

لقمان آوند

این پیشنهاد رو بررسی می کنیم. شاید مختصری در این مورد صحبت کردیم .

nader70

با سلام وخسته نباشید
استاد آیا از جی کویری برای آپلود فایل در سایت میشه استفاده کرد.در صورت امکان راهنمایی فرمایید

لقمان آوند

تنها نه. حتما باید یه زبون سمت سرور مثل php یا asp.net هم استفاده بشه .

Mehdi Zeynali

مرسی
بقیه نرم افزار های اینطوری اند ولی این نشد

کیوان علی محمدی

برو قسمت تنظیمات و گزینه Change font size (Zoom) with Ctrl+MouseWheel رو فعال کن.

Mehdi Zeynali

سلام
استاد نحوه زوم کردن توی php storm چجوریه ؟

وحید صالحی

سلام کلید ctrl رو نگه داری و با wheel موس زوم رو کم یا زیاد کنید

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

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

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

نیاز به لاگین

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