• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید تا کنون 6253 نفر در 14 دوره آموزشی سون لرن ثبت نام کرده اند !

ترفندهای پیشرفته jQuery (قسمت چهارم)

2 933 ۲۴ شهریور ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع اول : دستکاری در DOM

ترفند 7 : استفاده از آرگومان دوم تابع $()

تابع jQuery() یا $() دو آرگومان رو میگیره. شما میدونین که آرگومان دومش برای چه کارایی استفاده میشه؟ فرض کنید که کدهای HTML زیر رو داریم:

اگر بخواهیم فقط li هایی که در المنت firstList هستند رو انتخاب کنیم ، میشه از متد find استفاده کرد:

حالا همینکارو میتونیم با استفاده از آرگومان دوم تابع $ انجام بدیم:

اگر کد بالا رو اجرا کنید ، در console چنین چیزی رو مشاهده میکنید:

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

همونطور که دیدین یک متغیر بنام div تعریف کردیم و در آرگومان اول اون یک تگ div رو قرار دادیم و در آرگومان دوم هم ویژگی های مورد نظرمون رو برای این div قرار دادیم. حالا میایم و اونو به body اضافه میکنیم. بصورت زیر:

دیدین که به سادگی تونستیم یک تگ با استفاده از این متد بسازیم و به body اضافه کردیم.

ترفند 8 : اضافه کردن یک آیکون به لینکهای خارجی

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

کدهای HTML:

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

کدهای JS:

همونطور که میبینید ابتدا لینکارو انتخاب کرده و برای هر کدوم از اونا یک سری کد اجرا میشه و اونایی که خارجی باشن رو یک img بهشون اضافه میکنه و ویژگی target رو هم برابر با blank قرار میده تا با کلیک بر روی اون در یک tab جدید باز بشه.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 2 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    حمید رضا مصطفی زاده(۲۵ شهریور ۱۳۹۴)

    سلام
    سپاس گزاریم بابت زحماتت آقای اسفندیاری گل

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram