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

7 / 10 از 10 کاربر

رویداد ( ) ready در jQuery

در این بخش از آموزش 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>

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

مازیار : تشکر
11 4
بازم ممنون ...فقط یه سوال اینکه میشه تو این قسمت یه مثال قابل لمس یا یه تصویر ضمیمه کنید؟؟؟
مدیریت : پاسخ
11 6
مثال قرار داده شد
امین : اجرا
5 1
اینارو کجا اجرا کنیم تمرین کنیم نتیجه رو ببنیم و یاد بگیریم اون قبلش گفته شده چن کیلوبایتن که میاد تو مرورگر من متوجه نشدم ابزاره خاصی میخواد مثلا عین b4a
عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*
نویسنده : بهاره شکری
تاریخ انتشار : 29/05/1392
تعداد بازدید : 8000