/ آموزش JQuery بصورت کامل(رویداد های  jquery)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش JQuery بصورت کامل(رویداد های jquery)

  1. #1
    Danial آنلاین نیست.
    Danial
    کانديد مديريت
    625نوشته1,060مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    64
    پسندیده است
    692 پست
    بلاگ
    0 پست
    میزان امتیاز
    1070
    www.delgia.ir

    آموزش JQuery بصورت کامل(رویداد های jquery)

    درود خدمت همه کاربران گل ویکی وی بیمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    من عذر خواهی می کنم چون فرصتی نیست در دوران مدارس استایلی قرار بدم.
    به همین منظور فقط آموزش ها رو می رسم بذارم.
    این بخش از آموزش ممکنه خسته کننده باشه چرا که جمله ها یه مقدار سنگین هستن ولی خیالتون راحت ! اگر این جمله های اولیه رو متوجه نشید مشکلی در کار پیش نمیاد.
    خوب در این جلسه می خوایم آموزش بدیم که چجوری باید کاری کرد که جی کوئری در موقعی اجرا شه که ما می خوایم.(خیلی از کلمه " که " استفاده کردم نه !!! مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی)
    جی کوئری ساختار مناسبی هست که میتونه به event ها یا رویداد در یه صفحه html پاسخ بده.
    حالا اصلا این event یا رویداد چی هست ؟؟؟
    همه عملکرد های کاربران متفاوت که صفحه وب میتونه به اونا پاسخ بده رو میگیم event یا رویداد ( جمله بس سنگین است )
    یه رویداد یه لحظه دقیق رو نشون میده موقعی که یه چیزی اتفاق بیفته.
    مثال:
    بردن موس روی یک عنصر از html
    انتخاب radio button که همون تیک ذخیره رمز عبور خودمون هست
    کلیک روی یه عنصر از html
    رویداد های رایجی که از اونا استفاده می کنیم در زیر هستند :

    رویداد های موس رویداد های کیبورد رویداد های فرم رویداد های window
    click keypress submit load
    dbclick keydown change resize
    mouseenter keyup focus scroll
    mouseleave ------------------ blur unload


    در جی کوئری بیشتر رویدادی های DOM (قبلا در مورد این کلمه صحبت کردم) یه متد جی کوئری معادل دارند.
    برای اختصاص دادن یک رویداد click (یعنی وقتی رو عنصر کلیک میشه) به همه پاراگراف های موجود در یه صفحه میتونید بصورت زیر عمل کنید:
    کد:
    $("p").click();
    مرحله بعدی اینه که تعریف کنید وقتی رو اون پاراگراف کلیک میشه چه اتفاقی باید بیفته.شما حتما حتما حتما باید یه عملکرد به رویداد خودتون اضافه کنید.
    مثال:
    کد:
    $("p").click(function(){
      // action goes here!!
    });
    حالا می رسیم به رایج ترین متد های رویداد در jquery مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    کد:
    $(document).ready()
    این متد به ما اجازه میده که یه عملکرد رو اجرا کنیم وقتی که صفحه کامل کامل بارگزاری یا لود شده.
    کد:
    click()
    متد کلیک یه عملکرد نگه دارنده رویداد رو به عنصر html متصل می کنه.
    این متد موقعی اجرا میشه که کاربر روی عنصر تعیین شده کلیک کنه.
    با یه مثال بگم که راحت تر متوجه شید.
    مثال زیر میگه اگه روی یه عنصر p کلیک شد همون عنصر p پنهان بشه.(دقت داشته باشید فقط همون عنصر نه عنصر دیگه ای)
    کد:
    $("p").click(function(){
      $(this).hide();
    });
    خوب بریم سراغ متد بعدی.
    کد:
    dblclick()
    این متد یه عملکرد نگه دارنده رویداد رو به عنصر html متصل می کنه.
    متد double click موقعی اجرا میشه که کاربر روی عنصر تعیین شده دابل کلیک کنه.
    مثالش هم در زیر هست:
    کد:
    $("p").dblclick(function(){
      $(this).hide();
    });
    خوب متد بعدی:
    کد:
    mouseenter()
    این متد یه عملکرد نگه دارنده رویداد رو به عنصر html متصل می کنه.
    متد بالا موقعی اجرا میشه که موس وارد ناحیه عنصر تعیین شده بشه.
    مثال مربوطه :
    کد:
    $(".wikivb").mouseenter(function(){
      alert("You entered wikivb!");
    });
    متد بعد :
    کد:
    mouseleave()
    این متد یه عملکرد نگه دارنده رویداد رو به عنصر html متصل می کنه.
    متد بالا موقعی اجرا میشه که موس از ناحیه عنصر تعیین شده خارج بشه.
    مثال :
    کد:
    $("#wikivb").mouseleave(function(){
      alert("Bye! You now leave wikivb!");
    });
    متد بعدی :
    کد:
    mousedown()
    این متد یه عملکرد نگه دارنده رویداد رو به عنصر html متصل می کنه.
    متد بالا موقعی اجرا میشه که کلیک چپ موس روی عنصر مورد نظر فشار داده بشه.
    مثال:
    کد:
    $("#wikivb").mousedown(function(){
      alert("Mouse down over wikivb!");
    });
    متد بعد :
    کد:
    mouseup()
    این متد یه عملکرد نگه دارنده رویداد رو به عنصر html متصل می کنه.
    متد بالا موقعی اجرا میشه که کلیک چپ موس روی عنصر مورد نظر فشار داده بشه و سپس رها بشه.
    مثال :
    کد:
    $(".wikivb").mouseup(function(){
      alert("Mouse up over wikivb!");
    });
    متد بعدی :
    کد:
    hover()
    این متد دو عملکرد داره.
    در واقع ترکیبی از mouse enter و mouse leave هست.
    اولین عملکرد موقعی اجرا میشه که موس وارد ناحیه عنصر مربوطه میشه و دومین عملکرد زمانی اجرا میشه که موس ناحیه عنصر تعیین شده رو ترک کنه.
    مثال:
    کد:
    $("#wikivb").hover(function(){
      alert("You entered wikivb!");
      },
      function(){
      alert("Bye! You now leave wikivb!");
    });
    متد بعد :
    کد:
    focus()
    این متد یه عملکرد نگه دارنده رویداد رو به یه فیلد از html متصل می کنه.
    این متد موقعی اجرا میشه که شما روی یه فیلد از فرم کلیک می کنید تا تایپ کنید.
    مثالش:
    کد:
    $("input").focus(function(){
      $(this).css("background-color","#000");
    });
    و آخرین متد :
    کد:
    blur()
    این متد یه عملکرد نگه دارنده رویداد رو به یه فیلد از html متصل می کنه.
    این متد موقعی اجرا میشه که فیلد مورد نظر از حالت focus خارج میشه.
    مثال:
    کد:
    $("input").blur(function(){
      $(this).css("background-color","#ffffff");
    });
    خوب دوستان در پست بعدی براتون جدول کاملی از متد های jquery رو قرار خواهم داد که ازش استفاده کنید.
    این آموزش هم تموم شد.
    از این که وقتتون رو در اختیار من گذاشتید سپاسگزارم.مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    موفق و سربلند باشید.

    6 نفر از اعضا پست Danial را پسندیده اند


    ویرایش توسط Danial : 11-07-2014 در ساعت 11:41 PM

  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش JQuery بصورت کامل(راه اندازی JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 3
    آخرين نوشته: 01-04-2015, 10:58 PM
  2. آموزش JQuery بصورت کامل(انتخاب کننده های JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 4
    آخرين نوشته: 11-08-2014, 01:00 AM
  3. آموزش JQuery بصورت کامل(نحوه استفاده از JQuery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 10-17-2014, 11:26 PM
  4. آموزش JQuery بصورت کامل(معرفی Jquery)
    توسط Danial در انجمن دیگر آموزش ها
    پاسخ: 0
    آخرين نوشته: 07-22-2014, 09:26 PM
  5. آموزش JQuery بصورت کامل(مقدمه)
    توسط Danial در انجمن آموزش های ویبولتین
    پاسخ: 4
    آخرين نوشته: 07-13-2014, 10:24 PM

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی