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

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

آموزش جی کوئری درس 4: غیب کردن عناصر با جی کوئری

توی جی کوئری خیلی تغییرات توی تگ های صفحه میشه داد که برای هر کدوم جی کوئری یه تابع در اختیارتون میزاره که کار شما فقط فراخونی تابع است و تمام! >> بقیه کارا اتوماتیک توسط جی کوئری عزیز انجام میشه ...

تاز ه از اینجا به بعدشه که شعبده بازی رو یادتون میدم

* غیب کردن یک تگ با استفاده از تابع hide و آشکار کردنش با تابع show انجام میشه


فرض کنین که من یک تگ div رو می خوام غیب کنم.
در این حالت باید کدی بنویسم که وقتی صفحه کامل لود شد ، تگ مورد نظر رو بگیره (با سلکتور) و بعد غیبش کنه (با یکی از توابع جی کوئری)



خوب به همین راحتی توی 3 خط من این کارو انجام دادم!

سایت آموزشی نت نیک

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


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

آموزش جی کوئری - درس دوم: سلکتورها در جی کوئری (بخش اول: سلکتور های اصلی)

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

برای اینکه بتونین یه بلایی سر یک تگ بیارین ، باید اول بتونین اون تگ رو انتخاب کنین.

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

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

حتی می تونین مشخص کنین که مثلا اگر روش کلیک شد و یا موس رفت روش و یا موس از روش کنار رفت و .... ، یه کاری انجام بشه ...
سایت نت نیک

برای انتخاب یک تگ همیشه از علامت دالر ($) استفاده میشه و بعد از اون یک پرانتز میزاریم و سپس داخل پرانتز باید عبارت انتخابگر رو بنویسیم

به چندین روش میشه به یک تگ دسترسی پیدا کرد :

  • با استفاده از نام (اسم) تگ


  • با استفاده از آی دی


  • با استقاده از کلاس تگ (کلاس سی اس اس)


  • با استفاده از صفات تگ

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

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

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