آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

رویداد dblclick() در جی کوئری

Jquery

فصل سوم : event ها در جی کوئری

جلسه چهارم  : رویداد  dblclick()

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

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

 

قاعده دستوری dblclick()

به شکل زیر شما میتونید از این رویداد استفاده کنید :

Selector : عنصری هست که هنگام دابل کلیک بر روی اون ، این رویداد انجام میشه .

Function : در این جا دستوراتی رو لحاظ می کنیم که قراره هنگام رویداد اتفاق بیوفته .

 

حالا برای درک بهتر چند مثال میزنیم :

ما میخوایم یه دکمه طراحی کنیم ، زمانی که روی دکمه دابل کلیک کردیم ، یک پیغام به کاربر نمایش داده بشه .

یه دکمه در کد html لحاظ می کنیم :

و دستور جی کوئری رو بصورت زیر مینویسیم :

خوب حالا شما با دابل کلیک روی دکمه دستور alert اجرا میشه و یک پیغام رو به کاربر نمایش میده .

 

حالا یه مثال دیگه میزنیم :

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

حالا کد جی کوئری زیر رو برای این رویداد مینویسیم :

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

 

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

موفق و پاینده باشید 🙂

تهیه شده در مدرسه مجازی ایرانیان

دریافت فایل
رمز تمامی فایل های رمز دار : iranweblearn.com یا iroschool.com

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

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

  • علی جرجانی

    سلام
    با تشکر از آموزش های خوبتون.
    بی زحمت دموی آنلاین رو هم قرار بدین.

    • میترا رحیمی

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

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟