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

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید)


با سلام و خسته نباشید خدمت  کاربران سایت داده باران

قبلاً در یک سری آموزش هایی که در داده باران با مضامین ” آموزش جامع جی کوئری ” منتشر شد ما آموزش جی کوئری رو همراه با برخی از رویدادها به شما گفتیم. هم اکنون میخوایم سری به سری آموزش و رویدادها ، افکت ها ، 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>

این رویداد زمانی اجرا می شود که صفحه وب ما بطور کامل بارگذاری شود.

نوشته های مشابه

آموزش و نکات سئوی یک سایت سری به سری ۱

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید) (بیشتر…)

آموزش Bootstrap و نکات آن

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید) (بیشتر…)



لینک باکس

نظری بدهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پنج × سه =