آموزش jquery رویدادها events قسمت هشتم

آموزش کاربردی رویداد ها در جی کوئری

رویداد ها events متدهایی هستند که در هنگام اجرای یک واقعه در HTML مثل کلیک بر روی یک عنصر یا عبور موس از روی آن ، فراخوانی و اجرا می شوند .
برای مثال شما یک رویداد jQuery طراحی می کنید که در هنگام عبور موس از روی یک پاراگراف ، رنگ پس زمینه آن تغییر کند . رویدادهای jQuery به شما ابزاری می دهند که بوسیله آنها می توانید خصوصیات عناصر مثل رنگ ، پس زمینه و یا قلم نوشته را تغییر داده یا آنها را مخفی و سپس آشکار کنید .
syntax یا شکل کلی نوشتن و استفاده از رویدادهای jQuery در صفحات وب به صورت زیر است . در این syntax هر یک از اجزاء را به صورت مجزا توضیح داده ایم :

$ ( " selector " ).event ( function ( ) { ... some code ... } ; 

توضیح هر یک از موارد syntax :

$- علامت $ در ابتدای کلیه دستورات jQuery قرار می گیرد و به مرورگر می فهماند که این دستور یک کد jQuery است .

selector - selector عنصری است که رویداد لازم برای اجرای متد روی آن صورت می گیرد . مثلا کاربر بر روی آن کلیک کرده و یا نشانه گر موس از روی آن عبور می کند .
event - این رویداد اتفاقی است که باید بر روی selector اتفاق بیفتد تا متد مورد نظر ما اجرا شود . مثلا کاربر بر روی دکمه فرمان کلیک کرده و یا موس از روی عنصر selector عبور کند . آنها کد موجود در function اجرا می شود .
 function ( ) - این تابع کد دستوری است که می خواهیم در هنگام اجرای متد ، انجام شود .

مثال : در مثال زیر یک نمونه کد نوشته شده با syntax بالا را نشان داده ایم . در این کد در هنگام کلیک ( event ) بر روی دکمه فرمان ( selector ) ، تگ پاراگراف ( کد تابع و متد آن ) مخفی می شود :

< html >
   < head >
     < script type="text/javascript" src="jquery.js" > < /script >
     < script type="text/javascript" >
       $ (document). ready ( function( ) {
        $ ("button") . click ( function( ){
           $ ( " p " ) . hide( );
           });
         });

     </script> 
   </head>
 <body>
     <p>  example paragraph . click to hide it ! </p>
     <button> Click me</button>
 </body>
 </html> 

این هم یک آموزش عملی و پر کاربرد دیگه

در ادامه نیز با مثال در جی کوئری پیش میریم

نمونه ای از آخرین کارهای ما

آموزش jquery رویدادها events قسمت هشتمReviewed by Goolexacom on Mar 24Rating: 5.0آموزش jquery رویدادها eventsآموزش jquery رویدادها events

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

اگر ربات نیستی جواب بده *

پشتیبانی سایت سئو سایت

خدمات سایت

سئو

خدمات سایت

پشتیبانی سایت سئو سایت خدمات سایت