(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید)
با سلام و خسته نباشید خدمت کاربران سایت داده باران
قبلاً در یک سری آموزش هایی که در داده باران با مضامین ” آموزش جامع جی کوئری ” منتشر شد ما آموزش جی کوئری رو همراه با برخی از رویدادها به شما گفتیم. هم اکنون میخوایم سری به سری آموزش و رویدادها ، افکت ها ، html و css در جی کوئری و ایجکس و جی کوئری ، توابع متفرقه در جی کوئری و مرجع جی کوئری ها رو به شما بگیم. پس با ما همراه باشید.
رویداد ها در جی کوئری (Events)
در این بخش از آموزش JQuery ، رویداد ready را در طراحی سایت شرح میدهیم.
رویداد ( ) ready در یک صفحه وب زمانی اتفاق می افتد که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن ) .
به دلیل اینکه رویداد ( ) ready پس از لود شدن کامل صفحه اتفاق می افتد ، مکان مناسبی برای قرار دادن کدها و توابع jQuery است .
شما می توانید رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه ، اجرا شوند را در این تابع قرار دهید .
شکل کلی استفاده از این متد به شرح زیر است :
$ ( document ).ready ( function ) ; |
یا می توان بدون به کار بردن نام سند بر روی صفحه جاری نیز ، تابع را اجرا نمود .
$ ( function ) ; |
document :این پارامتر تعیین کننده صفحه یا سندی است که می خواهیم تابع در آن اجرا شود . مقدار documnet به صفحه جاری اشاره دارد .
function :نام تابعی است که می خواهیم به محض لود شدن صفحه ، اجرا شود .
مثال زیر کاربرد رویداد ( ) ready را نشان میدهد:
<script type=”text/javascript”> $(document).ready(function(){ $(“button”).click(function(){ $(“div”).animate({left:”100px”},”slow”); $(“div”).animate({fontSize:”3em”},”slow”); }); }); </script>
|
این رویداد زمانی اجرا می شود که صفحه وب ما بطور کامل بارگذاری شود.