تبلیغات
مقالات آموزشی برنامه نویسی و شبکه - مطالب ابر آموزش ساده جی کوئری

آموزش جی کوئری به زبان ساده_درس پنجم

آموزش جی کوئری درس 5: محو کردن عناصر با جی کوئری!

* محو کردن عناصر با توابع fadeOut و آشکار کردنش با تابع fadeIn :

برای اینکه تگتون کم کم کمرنگ بشه و به قول خودمونی ترش محو بشه :



=>> برای اینکه بهتر کدهای منو درک کنین ، کد کل صفحه تستم رو اینجا میزارم:


دقت کنین که من در اینجا کد استایل display:none رو به تگم اضافه کرد هام که در حالت عادی که صفحه لود میشه ، تگ من مخفی باشه .

توابع fadeIn و fadeOut ورودی هایی مانند slow و fast هم می تونن بگیرن. (تقریبا اکثر توابع جی کوئری مقادیر fast و slow و مقدار عددی به ثانیه می تونن بگیرن)

سایت نت نیک

* اجرای یک دستور پس از اتمام عملیات دستورات fadeIn و fadeOut :

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


نوشته شده در تاریخ جمعه 14 تیر 1392    | توسط: ح.م    | طبقه بندی: آموزش jQuery،     | نظرات()


آموزش جی کوئری به زبان ساده_درس اول

آموزش جی کوئری به زبان ساده-درس اول: جی کوئری چیست؟
جی کوئری یکی از کتابخانه های نوشته شده به زبان جاوا اسکریپت می باشد ، بدین معنی که یک سری توابع جاوا اسکریپت آماده است که یک سری از برادران زحمتکش عرصه آی تی زحمت کشیدن و برامون نوشتن که ما نیاز نباشه برای هر کار کوچیکی ، یه عالمه کد بنویسیم!
کافیه که فقط توابع و طرز کار با این توابع رو یاد بگیرید تا خیلی راحت و آسوده بتونین کلی افکت های جذاب ایجاد کنین

بدیهی است که تسلط خوب بر جاوا اسکریپت ، خیلی می تونه اینجا کمکتون کنه.

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

سایت نت نیک|آموزش جی کوئری
کدهای چی کوئری رو کجا بنویسیم ؟ (مواد لازم جهت نوشتن کد جی کوئری!)

برای اینکه بتونین جی کوئری کار کنین ، تقریبا به هیچی نیاز ندارین!

فقط یه نوت پد + داشتن کتابخونه جی کوئری کافیه.

* نوت پد که روی همه ویندوزا هست ولی برای راحتی کار بهتره که یک نرم افزار مخصوص طراحی وب داشته باشین که بنده Microsoft Exression Web نسخه 4 و یا نسخه های بالاترش رو پیشنهاد می کنم.

* فایل کتابخونه جی کوئری رو می تونین از لینک زیر دانلود کنین:
دانلود کتابخانه جی کوئری
البته آخرین نسخه این کتابخونه رو می تونین همیشه از سایت jQuery.Com دانلود کنین.

پس از اینکه فایلا کتابخونه رو دانلود کردین ، (یه فایل با پسوند js است که مشخص می کنه که خود جی کوئری بوسیله جاوا اسکریپت نوشته شده) باید اونو به سند html تون وصل کنین:


همانطور که می بینین من اول فایل جی کوئری رو به صفحه html ام وصل کردم و بعد کد های جی کوئریمو می نویسم.
پس حواستون باشه که ترتیب خیلی مهمه ....

دقت کنین که از اونجایی که کد های جی کوئری هم مشتق شده از جاوا اسکریپته ، می تونین وسط کدهای جی کوئری از کد های جاوا اسکریپت هم استفاده کنین و همچنین عین جاوا اسکریپت می تونین کدهای جی کوئریتونو هم داخل تگ script بنویسین و هم اینکه اونو توی یک فایل جدا بنویسین و با پسوند .js ذخیره اش کنین و بعد تگ script دومی که در کد بالا نوشتم رو عین تگ script اوب می نویسین و در بخش src مسیر فایلی که کدهای جی کوئریتون توشه رو میدین.


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

نوشته شده در تاریخ جمعه 6 اردیبهشت 1392    | توسط: ح.م    | طبقه بندی: آموزش jQuery،     | نظرات()