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

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

در این جلسه ی آموزشی با ذکر چند مثال رویداد ()click در جی کوئری رو آموزش دادیم .

Jquery

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

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

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

دوستان در این جلسه ی آموزشی میخوام راجع به  رویداد  click صحبت کنم . خوب طبق معمول مستقیم میرم سر اصل مطلب 🙂

رویداد click زمانی اتفاق میوفته که شما روی یه عنصر در صفحه کلیک کرده باشید . به عنوان مثال روی یک دکمه کلیک می کنید و یه پیغامی رو به کاربر نمایش میده ، یا روی یه دکمه کلیک می کنید یه عنصری ظاهر میشه یا مخفی میشه و … .

 

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

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

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

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

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

دیدگاه ۲

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

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

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

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین