رویدادها ( events ) در jQuery
رویدادها ( events ) در jQuery :
رویدادهای jQuery ، متدهایی هستند که در هنگام اجرای یک واقعه در HTML مثل کلیک بر
روی یک عنصر یا عبور موس از روی آن ، فراخوانی و اجرا می شوند .
برای مثال شما یک رویداد jQuery طراحی می کنید که در هنگام عبور موس از روی یک پاراگراف
، رنگ پس زمینه آن تغییر کند . رویدادهای jQuery به شما ابزاری می دهند که بوسیله آنها
می توانید خصوصیات عناصر مثل رنگ ، پس زمینه و یا قلم نوشته را تغییر داده یا آنها
را مخفی و سپس آشکار کنید .
syntax یا شکل کلی نوشتن و استفاده از رویدادهای jQuery در صفحات وب به صورت زیر است
. در این syntax هر یک از اجزاء را به صورت مجزا توضیح داده ایم :
|
Syntax
|
$ ( " selector " ).event ( function ( ) { ... some code ... } ;
|
توضیح هر یک از موارد syntax :
|
توضیح
|
|
علامت $ در ابتدای کلیه دستورات jQuery قرار می گیرد و به مرورگر می فهماند که این
دستور یک کد jQuery است .
|
|
selector عنصری است که رویداد لازم برای اجرای متد روی آن صورت می گیرد . مثلا کاربر
بر روی آن کلیک کرده و یا نشانه گر موس از روی آن عبور می کند .
|
|
این رویداد اتفاقی است که باید بر روی selector اتفاق بیفتد تا متد مورد نظر ما اجرا
شود . مثلا کاربر بر روی دکمه فرمان کلیک کرده و یا موس از روی عنصر selector عبور
کند . آنها کد موجود در 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>
|
|
example paragraph . click to hide it !
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :