تبلیغات
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.    نظرات() .

 
لبخندناراحتچشمک
نیشخندبغلسوال
قلبخجالتزبان
ماچتعجبعصبانی
عینکشیطانگریه
خندهقهقههخداحافظ
سبزقهرهورا
دستگلتفکر