تبلیغات
6 تایی - رویداد ( ) click در jQuery :

امروز:

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

رویداد ( ) 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 .
خروجی


نوشته شده در : چهارشنبه 6 مرداد 1395  توسط : مطالب علمی 2015.    نظرات() .

Why is my Achilles tendon burning?
سه شنبه 28 شهریور 1396 01:55 ق.ظ
At this time I am going away to do my breakfast, later than having my breakfast
coming again to read additional news.
http://sherilyngaumond.weebly.com
چهارشنبه 18 مرداد 1396 03:53 ب.ظ
I all the time emailed this weblog post page to all my associates, as if like to
read it then my friends will too.
 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر