جدیدترین اخبار دنیای موسیقی در سیزده دقیقه

  • ۰
  • ۰

رویداد ( ) click در jQuery :

آموزش jquery

آموزش jquery


رویداد click زمانی اتفاق می افتد که فرد بر روی عنصر مورد نظر کلیک نماید . با این رویداد جهت مثال می توان کدی طراحی کرد که در زمان کلیک فرد بر روی عنصر رنگ پس زمینه آن عوض شده یا عنصر مخفی شود .
شکل کلی استفاده از این متد به شرح زیر است :

Syntax $ ( " selector " ).click ( function ( ) ... some code ... ;
شرح هر از موارد syntax :

syntax توضیح
شرح Parameter
selector کنترلی است که کاربر بر روی آن کلیک می نماید . selector
این تابع کد دستوری است که می خواهیم در رخ دادن رویداد انجام شود . function ( )


Example $ ( " :p " ).click ( function ( ) ... some code ;
در چند مثال سعی می کنیم تا استفاده از رویداد click را در عمل به شما نمایش دهیم .
مثال : در مثال اول یک پاراگراف داریم . کدی طراحی کرده ایم که در صورتی که فرد بروی پاراگراف مورد نظر کلیک نماید رنگ پس زمینه آن تغییر می نماید . جهت مشاهده خروجی بر روی پاراگراف کلیک نمایید:





jQuery is a very inteligent way for programming . < /p >


Example
< html >
< head >
< script type="text/javascript" src="jquery.js" > < /script >
< script type="text/javascript" >
$ (document). ready ( function( )
$ (" # P_1 ") . click ( function( )
$ ( " # P_1 " ) . css( " background-color " , " Yellow " );
);
);

کد
jQuery is a very inteligent way for programming .

خروجی
مثال : در مثال دوم تگ div طراحی کرده ایم که در صورت کلیک فرد بر روی آن ، با مصرف از متد ( ) hide مخفی می شود . جهت مشاهده خروجی روی جمله خروجی مثال کلیک نمایید :



< div id="div1" style="font-size: medium" border-width: thin; background-color: Lime >
In jQuery you can do a lot of things with hmtl elements .
even hide and show them .
< /div >

Example
< html >
< head >
< script type="text/javascript" src="jquery.js" > < /script >
< script type="text/javascript" >
$ (document). ready ( function( )
$ (" # div_1 ") . click ( function( )
$ ( " # div_1 " ) . hide ( );
);
);

کد
In jQuery you can do a lot of things with hmtl elements .
even hide and show them .
خروجی

  • ۹۵/۰۵/۰۶
  • علی امیدی

نظرات (۱)

تشکر ویژه از دستندرکاران سایت بابت قرار دادن این مطلب مفید. 

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی