031- 344 500 60

طراحی سایت در اصفهان, سئو سایت اصفهان, طراحی سایت فروشگاهی , شرکت طراحی سایت اصفهان, طراحی حرفه ای سایت اصفهان, بهینه سازی سایت , بازاریابی و تبلیغات اینترنتی

صفحه نخست » بلاگ » jquery » رویداد ready در جی کوئری-درس ششم

رویداد ready در جی کوئری-درس ششم

۲۴ام شهریور ۱۳۹۶
رعنا زارع
0
19

آموزش جی کوئری (JQuery)

درس ششم :  رویداد ready در جی کوئری

در این قسمت از آموزش می خواهیم با  رویداد ready ، یکی از پرکاربردترین رویدادهای جی کوئری که تقریبا در هر کد اسکریپتی با آن مواجه هستید آشنا شویم . با وبیار همراه باشید.

رویداد ready در جی کوئری :

در یک صفحه وب زمانی که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن ) ،در واقع رویداد ready اتفاق می افتد .
به دلیل اینکه رویداد ready پس از لود شدن کامل صفحه اتفاق می افتد ، می تواند مکان مناسبی برای قرار دادن کدها و توابع جی کوئری باشد .
پس می توانید از این خاصیت رویداد ready استفاده کنید و رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه ، اجرا شوند را در این تابع قرار دهید .

نحوه استفاده از  رویداد ready :

$(document).ready(function(){
...
});

یا می توانید بدون به کار بردن نام سند بر روی صفحه جاری نیز ، تابع را اجرا نمود.

$ ( function ) ;

Document : مقدار  document  به صفحه جاری اشاره می کند (selector).این پارامتر تعیین کننده صفحه یا سندی است که می خواهیم تابع را در آن اجرا کنیم .

Function  : نام تابعی است که می خواهیم به محض لود شدن صفحه ، اجرا شود . (anonymous function)

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

برای درک بهتر رویداد ready  به مثال زیر توجه کنید .

$(document).ready(function()
 
{
 
$("# button1").click(function(){
 
$("#image").animate({height:"۳۰۰px"});
 
});
 
$("# button2").click(function(){
 
$("#image").animate({height:"۱۰۰px"});
 
});
 
});

در کد بالا همانطور که قبلا  گفتیم توابع ، زمانی می توانند اجرا شوند که صفحه بصورت کامل لود شده باشد که این دستور را با رویداد ready  به توابع میدهیم  ، سپس گفته شده زمانی که روی دکمه button1 کلیک شد ارتفاع  image  ما به ۳۰۰ پیکسل افزایش پیدا کند ، که وقتی از animate استفاده میکنیم این عمل با افکت انجام میشود. و وقتی روی دکمه button 2 کلیک شدimage ما به حالت اولیه یعنی به ارتفاع ۱۰۰ پیکسل بازمیگردد.

در پایان  : سپاس از همراهی شما دوستان عزیز با تیم طراحی سایت وبیار

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

درباره نویسنده :
رعنا زارع

مطالب مرتبط

طراحی سایت فروشگاهی

طراحی سایت فروشگاهی عرضه تخمه

طراحی سایت فروشگاهی عرضه تخمه طراحی سایت اختصاصی طعم آفرین بهاران عرضه کننده انواع تخمه های کدو / هندوانه و آفتابگردان وارداتی در اصفهان  از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی سایت فروشگاهی طعم آفرین بهاران برای مشتریان عزیزی که کسب و کارشان در حوزه های مختلف فروش و عرضه […]

طراحی سایت خدماتی

طراحی سایت خدمات پزشکی اصفهان سمعک

طراحی سایت خدمات پزشکی اصفهان سمعک طراحی سایت اختصاصی اصفهان سمعک میلاد عرضه کننده انواع سمعک ها در اصفهان ، ارائه دهنده کلیه خدمات شنوایی سنجی در اصفهان از نمونه کارهای حرفه ای طراحی سایت تیم وب یار می باشد.طراحی سایت خدمات پزشکی اصفهان سمعک میلاد برای مشتریان عزیزی که کسب و کارشان در حوزه […]

طراحی سایت فروش و تبلیغات مبلمان

طراحی سایت فروش و تبلیغات مبلمان

طراحی سایت فروش و تبلیغات مبلمان حراجی مبل طراحی سایت فروش و تبلیغات مبلمان سایت حراجی مبل ، با طراحی ساده و زیبای خود ، به معرفی انواع و دسته بندی های مبلمان پرداخته و با درج گالری عکس ها ، قیمت و جنس مبلمان ، محصولات خود را برای کاربران به نمایش گذاشته است. […]

طراحی فروشگاه اینترنتی تحریر20

طراحی فروشگاه اینترنتی تحریر20

طراحی فروشگاه اینترنتی تحریر20 طراحی فروشگاه اینترنتی تحریر20 با خدمات فروش و عرضه انواع لوازم تحریر در اصفهان ، اخیرا توسط تیم طراحی سایت وب یار با رعایت تمامی المان های استاندارد سئو در آن طراحی شده است. طراحی گرافیکی کاملا اختصاصی و امکانات پیشرفته ای که در طراحی فروشگاه اینترنتی تحریر20 قرار گرفته است ، باعث […]

ارسال دیدگاه

*    

*    

ارتباط با تیم پشتیبانی وب یار

تمام پشتیبان ها در حال پاسخ به مشتریان هستند. لطفا درخواست خود را ارسال نمایید تا در کوتاه ترین زمان ممکن با شما تماس بگیریم.

چه کمکی از تیم وب یار بر می آید ، با ما در میان بگذارید

برای گفتگو کلید ENTER را بفشارید