آموزش جامع jQuery

در این بخش میتوانید آموزش های مربوط به نیوک را مشاهده فرمائید.
نمایه کاربر
amirparsakh
کاربر فعال
کاربر فعال
پست: 191
تاریخ عضویت: شنبه 26 فروردین 1391, 8:48 pm
تشکر کرده: 30 دفعه
تشکر شده: 81 دفعه

آموزش جامع jQuery

پست توسط amirparsakh » پنج شنبه 5 بهمن 1391, 2:19 pm

با سلام خدمت دوستان عزیز ....

با توجه به سوالات زیاد دوستان در مورد افکت ها و استفاده ی ساده از افکت های حرفه ای جی کوئری در نیوک ، تصمیم گرفتم یک تاپیک جامع در این مورد راه اندازی کنم

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

سوالات رو پ خ کنید.

با تشکر.



[CENTER][FONT=Tahoma][HIGHLIGHT=#fac08f][HIGHLIGHT=#ddd9c3]" چه سخت است انتظار قاصدک ، در جاده ای که باد نمی آید .... "
[/HIGHLIGHT]
[HIGHLIGHT=#c4bd97]تایپیک جامع آموزش jQuery و افک[/HIGHLIGHT][HIGHLIGHT=#c4bd97]ت گذاری حرفه ای[/HIGHLIGHT]
[HIGHLIGHT=#e5b9b7]
post376965.html
[/HIGHLIGHT]
[/HIGHLIGHT][/FONT][/CENTER]
نمایه کاربر
amirparsakh
کاربر فعال
کاربر فعال
پست: 191
تاریخ عضویت: شنبه 26 فروردین 1391, 8:48 pm
تشکر کرده: 30 دفعه
تشکر شده: 81 دفعه

Re: آموزش جامع jQuery

پست توسط amirparsakh » پنج شنبه 5 بهمن 1391, 2:27 pm

جلسه اول :

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

مثلا شما برای FAde کردن یک عکس در طول زمان در جاوا اسکریپتمجبور بودید چندین خط کد بنویسید که این چندیدن خط در جی کوئری به خط زیر ساده شده است :

کد: انتخاب همه

$('#img1').fadeOut(300);

پس تا این جا متوجه شدیم که جی کوئری برای ساده تر کردن کد نویسی جاوا اسکریپت نوشته شده است.

حالا سوال دوم این است که چگونه می توانیم یک عنصر در صفحه مثلا یک عکس یا یک پاراگراف را توسط جی کوئری انتخاب کرده و روی آن تغییرات ایجاد کنیم؟

جیکوئری در این مورد selector یا انتخاب گرهای بسیار حرفه ای دارد.

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

انتخاب یک کلاس خاص :

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

کد: انتخاب همه

$('.ClassName')

این تکه کد تمام عناصری که کلاس ClassName أارند در صفحه رو انتخاب می کنه. در ادامه نحوه تغییرات روی این عناصر انتخاب شده رو می بینیم.


انتخاب یک آی دی خاص :

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

کد: انتخاب همه

$('#IDName')

این تکه کد عنصری که آی دی IDName دارد در صفحه رو انتخاب می کنه. در ادامه نحوه تغییرات روی این عناصر انتخاب شده رو می بینیم.


انتخاب کلی یک تگ خاص :

گاهی پیش می آید که می خواهیم مثلا اتفاقی روی تمام عکس های صفحه بیفتد. یا تمام لینک ها. برای این کاز از انتخاب گر ِ تگ استفاده می کنیم.

کد: انتخاب همه

$('img')

این تکه کد تمامی تگ های img یا همان عکس ها را انتخاب می کند و آماده می گذارد برای تغییراتی که در آینده می بینیم.

برای مطالعه ی بیشتر در مورد انتخاب گرها یا selector های جی کوئری به آدرس زیر مراجعه کنید :

http://www.w3schools.com/jquery/jquery_ ... ectors.asp

موفق باشید.
[CENTER][FONT=Tahoma][HIGHLIGHT=#fac08f][HIGHLIGHT=#ddd9c3]" چه سخت است انتظار قاصدک ، در جاده ای که باد نمی آید .... "
[/HIGHLIGHT]
[HIGHLIGHT=#c4bd97]تایپیک جامع آموزش jQuery و افک[/HIGHLIGHT][HIGHLIGHT=#c4bd97]ت گذاری حرفه ای[/HIGHLIGHT]
[HIGHLIGHT=#e5b9b7]
post376965.html
[/HIGHLIGHT]
[/HIGHLIGHT][/FONT][/CENTER]
موضوع جدید ارسال پست

بازگشت به “آموزش و مقالات - Learning & Articles”