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

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



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

0 230 ۳۰ مهر ۹۴

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

موضوع چهارم : ماهر شدن در JQuery

ترفند 49 : استفاده از متد type

دانستن نوع یک متغیر میتونه بسیار زیاد کاربرد داشته باشه. در Javascript یک عملگر از پیش تعریف شده بنام typeof قرار داره که اگر اون رو با متد type درون jQuery مقایسه کنیم شدیدا کمبودشو احساس میکنیم.

در اینجا تعدادی مثال زده میشه. در خط بالا از typeof استفاده شده و در خط پایین از متد type درون jQuery:

خروجی:

مثال بعد:

خروجی:

 

مثال بعد:

خروجی:

مثال بعد:

خروجی:

مثال بعد:

خروجی:

مثال بعد:

خروجی:

میبینید که همیشه متد type درون jQuery جواب دقیقتری رو به ما میده. با استفاده از دانستن نوع متغیرها ، مخصوصا در پلاگین ها میتونین موارد پیشرفته ای رو بوجود بیارید و قدرت کدهاتون رو افزایش بدین.

ترفند 50 : استفاده از متد map

متد کاربردی دیگه و اما ناشناخته موجود در jQuery ، متد map هست. این متد در یک حلقه همه المنتهای یک شئ jQuery رو بررسی میکنه و بصورت یک آرایه اونا رو در میاره. در اینجا نحوه استفاده از اون قرار داده شده:

کدهای HTML:

میبینید که در ابتدا یک سوال پرسیده شده که دوست دارید در چه روزهایی کار کنید.

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

کدهای JS:

در ابتدا یک متغیر تعریف میکنیم و چک باکسها رو انتخاب میکنیم:

بعد از اون هم تابع زیر رو تعریف میکنیم:

در ابتدا یک متغیر تعریف میکنیم که وظیفش اینه که روزهایی که انتخاب شدن رو در خودش ذخیره کنه. میبینید که در ابتدا یک فیلتر قرار داده شده که فقط چک باکسهایی که تیک زده شدن عملیات مورد نظر براشون انجام بشه. بعد از اون هم از متد map استفاده کردیم که باعث میشه مقدار چک باکسهایی که انتخاب شدن در یک آرایه قرار بگیرن. بعد از اون هم با استفاده از متد join اعضای آرایه رو با , بهم متصل کردیم و به یک رشته تبدیل شدن. در نهایت هم با استفاده از متد text ، متن رو در پاراگراف موجود قرار دادیم.

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

برای اینکه این تابع زمانی که صفحه لود میشه اجرا بشه ، کد بالا رو قرار دادیم.

با استفاده از کدهای بالا چک باکسهایی که انتخاب هستن در پاراگراف نمایش داده میشن.

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

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

یا علی

Source

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

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram