جی کوئری به زبان ساده (قسمت سوم - بررسی افکت Hide &Show)

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

با سلام خدمت تمای کاربران سون لرن با قسمت سوم دوره آموزش جی کوئری در خدمت شما هستم در این جلسه با نحوه نوشتن کد‌های جی کوئری در یک فایل خارجی و استفاده از آنها در اسناد وب خود و همچنین با افکت Hide&Show و پارامتر‌های آن آشنا خواهیم شد

مباحث این قسمت عبارتند از:

  • کد نویسی در فایل خارجی و استفاده از آن در اسناد
  • بررسی افکت Hide&Show و پارامترهای آن
  • بررسی 2 مورد از سلکتورهای جی کوئری
این بخش از محتوا مخصوص اعضای سایت است
چه امتیازی به این مقاله می دید؟
نویسنده وحید صالحی
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

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

nasrin rafati

سلام من کدهای مربوط به جی کوئری رو تو فایل اکسترنال باپسوند js گذاشتم ولی متن های فارسی داخلalert رو علامت سوال نشون میده چکارش کنم؟

سجاد دریس

unicode فایلهاتون رو روی utf-8 قرار بدین

majidmajid0098

با سلام
بسيار عالي بود

aligh

اگه لینک تمامی SELECTOR ها رو بزارید ممنون میشم.
همونایی که توی ویدیو نمایش دادید.

لقمان آوند

سلام دوست عزیز
عضویت vip شما رو تبریک می گم .
همه ی سلکتورهای jquery رو اینجا می تونید ببینید .

Shahin-Sorkh

سلام وحید جان خسته نباشی برادر
آقا آموزش‌ها رو دنبال می‌کنم و خیلی خوب هم زبان شما رو می‌فهمم ممنون
ولی یه نکته:
این قسمت از آموزش‌هات، پیوند یکتاش با بقیه فرق داره 😀 😀

وحید صالحی

اصلاح شد ممنون از دقت و اطلاع راسایتون

f_talebi

البته میدونم این کد مال دایو نیست. ولی کلی گفتم . نمیدونم میشه با افکت animate رنگ یه المنت رو تغییر داد یا نه!

f_talebi

سلام.
چطور میشه با افکت animate ، رنگ یک دایو رو مثلا از آبی به قرمز تبدیل کرد؟
یه چیزی مثل این :

$(document).ready(function(){
 $("a").hover(function(){
 $(this).animate({background-color:’red’ },’fast’);
});
});

هرکاری کردم نتونستم این کارو انجام بدم! نمیدونم امکان پذیر هست یانه.

وحید صالحی

سلام
بطور مستقیم نمیشه این کارو کرد برای اینکه بتونید توسط متد animate روی رنگ المانها کار کنید باید از پلاگین Color Animations در سند وب استفاده کنی که در مبحث مربوط به معرفی و کار با پلاگین ها به معرفی اون می پردازیم…

f_talebi

ممنون 🙂

hajian1

سلام
وحیدعزیزآموزش خیلی گویا وقابل درک بودازشماکمال تشکررادارم

s.khorsandi

با سلام و احترام
فیلم من از دقیقه ۱۷ قطع می شه؟ چکار کنم؟

وحید صالحی

!!!با IDM دانلود کنید ببینید مشکل حل میشه…

s.khorsandi

با سلام و احترام
دست شمادردنکنه. خیلی عالی بود.
ولی فیلم من از دقیقه ۱۷ قطع می شه؟ چکار کنم؟

f_talebi

بسیار عالی و روان بود . منتظر قسمت های بعدی آموزش هستیم 🙂

hajian1

ممنون
درکدنویسی اشتباهی کرده بودم وحیدعزیزطرزآموزشت حرف نداره
موفق وپیروزباشی

hajian1

سلام
درقسمتی که قراره استایلی رابرای عکسمون تعریف کنیم
#img{
display:none;
}
استایل های دیگه ای دربالای این استایل برای
نمایش
تعریف شده بودکه درآموزش اشاره ای به آنها نشده بودلطفاً درصورت امکان اشاره مختصری به این استایل هابنمایید
باتشکر

وحید صالحی

اون استایل ها مربوط به جلسه قبلی آموزشه و ربطی به این جلسه نداره…

fazeli

با تشکر از این آموزش هاتون فقط لطفا سریعتر باقیش رو بزارین من خیلی دوست دارم باقیش رو ببینم نیاز دارم واقعا! 😀 😀 😀 😀

نیاز به لاگین

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