ما قبلا در javascript ، از روش window.onload استفاده می کردیم که باعث می شد که بعد از بارگذاری (load) کامل صفحه، کدهای jvascript ما اجرا شوند :

که در آن، به جای عبارت // your code ، باید کدهای javascript مورد نظر خود را بنویسید.

اما روش window.onload یک مشکل بزرگ دارد و آن این است که باید صبر کنیم تا تمامی عکس های صفحه بارگذاری شوند و سپس کدهای javascript اجرا شوند، بنابراین در صورت بزرگ بودن عکس ها، ممکن است که این مدت زمان، زیادی طول بکشد. برای رفع این مشکل، یک رویداد (event) در jQuery وجود دارد که با استفاده از آن، می توانیم تعیین کنیم که به محض آماده بودن صفحه (document)، کدهای مورد نظرمان اجرا شوند. نام این رویداد، ready می باشد و از آن باید به صورت زیر استفاده کنیم :

به مثال زیر توجه کنید (نگران عدم درک کدها نباشید و تنها به چگونگی استفاده از رویداد ready توجه کنید) :