يمكن لـ Javascript تنفيذ عمليات معينة على عناصر DOM فقط بعد أن تم تعريفها بالتفصيل في المقالة "تسلسل تنفيذ Javascript" //www.VeVB.COm/article/44577.htm.
يستخدم jQuery document.ready لضمان تنفيذ التعليمات البرمجية التي سيتم تنفيذها بعد تحميل عنصر DOM. على سبيل المثال، في المقالة "أساسيات jQuery - كيفية البدء"، استخدمت كود jQuery التالي:
انسخ رمز الكود كما يلي:
<!-- $(مستند).جاهز(وظيفة ()
{
تنبيه ("رمز jQuery الأول الخاص بي!")؛
});
// -->
معنى هذا الكود هو: عند تحميل Dom Tree، يتم عرض رسالة تحذير.
document.ready() يشبه الطريقة التقليدية <body onload="load()">، باستثناء أن طريقة onload() تحدث بعد تحميل الصفحة، بما في ذلك تحميل عناصر DOM وعناصر الصفحة الأخرى (مثل الصور)،
ولذلك، فإن سرعة تنفيذ استخدام طريقة document.ready() أسرع من طريقة onload().
نقطتان أخيرتان يجب ملاحظتهما (من وثائق jQuery):
1. تأكد من عدم وجود وظيفة مسجلة في حدث التحميل للعنصر <body>، وإلا فقد لا يتم تشغيل الحدث $(document).ready() . (
لقد حاولت توضيح ذلك من خلال المثال أدناه، لكن دون جدوى، لذا أعتقد أن هذا مجرد احتمال. )
انسخ رمز الكود كما يلي:
<أتش تي أم أل>
<الرأس>
<title>مسجتي الثانية</title>
<mce:script type="text/javascript" src="/js/jquery.js" mce_src="js/jquery.js"></mce:script>
<mce:script type="text/javascript">
<!-- // فيما يلي وظيفة التحميل التي تحتوي على وظيفة تسجيل jquery $
وظيفة التحميل(){ $("p").append("<b>مرحبا</b>");
//ما يلي هو رمز jQuery
$(مستند).جاهز(وظيفة ()
{ $("p").append("رمز jQuery الأول الخاص بي!"
);
$("p").append("<b>مرحبا</b>"); // -->
</mce:script>
</الرأس>
<الجسم onload = "تحميل ()">
<h2>مثال بسيط لـ jQuery 2</h2>
<p>أود أن أقول:</p>
</الجسم>
</html>
2. يمكن استخدام الحدث $(document).ready() مرات غير محدودة في نفس الصفحة. سيتم تنفيذ الوظائف المسجلة بالتسلسل (في الكود).