ال مستعد() تقوم الوظيفة في jQuery بتنفيذ التعليمات البرمجية فقط عندما يتم تحميل DOM (نموذج كائن المستند) بالكامل. إنها وظيفة يحمل في ثناياه عوامل في jQuery. يمكن تشغيله قبل تحميل جميع الصور، وما إلى ذلك، ولكن فقط عندما يكون DOM جاهزًا. الكود المدرج بين $(مستند).جاهز() يتم تنفيذه فقط عندما تكون الصفحة جاهزة لتنفيذ تعليمات JavaScript البرمجية.

لا ينبغي لنا أن نستخدم مستعد() الطريقة مع .

بناء الجملة

يمكننا استخدام مستعد() تعمل بطريقتين كما هو موضح أدناه.

• بناء الجملة الشائع الاستخدام لـ الجاهز () الوظيفة هي كما يلي.

 $(document).ready(function) 

• كما يمكننا استخدام مستعد() تعمل فقط للمستند الحالي، لذلك يمكن تخطي المحدد. يمكننا أيضًا كتابة بناء الجملة أعلاه على النحو التالي.

 $(function) 

كلتا الطريقتين المذكورتين أعلاه صالحة للاستخدام. يمكن استخدام بناء الجملة الثاني كبديل لبناء الجملة الأول. يمكن أن يكون واضحا من قطعة التعليمات البرمجية التالية.

 $(document).ready(function() { $('p').css('color', 'red'); }); 

الكود أعلاه يعادل الكود أدناه.

 $(function() { $('p').css('color', 'red'); }); 

يستخدم بعض المطورين ذوي الخبرة الاختصار $() بدلا من استخدام $(مستند).جاهز(), لكن إذا كنا نكتب الكود للأشخاص غير ذوي الخبرة، فمن الأفضل استخدام النموذج الطويل.

قيمه المعامل

ال مستعد() تحتوي الدالة على قيمة معلمة واحدة فقط محددة على النحو التالي.

وظيفة(): إنها المعلمة الإلزامية التي تحدد الوظيفة التي يتم تنفيذها بعد تحميل المستند.

دعونا نرى مثالا على استخدام $(مستند).جاهز() وظيفة.

مثال

في هذا المثال، هناك بعض عناصر الفقرة وزر. هنا نستخدم $(مستند).جاهز() وظيفة لتغيير نمط الفقرات المعطاة.

 jQuery ready() function $(document).ready(function(){ $(&apos;button&apos;).click(function(){ $(&apos;#p1&apos;).css({&apos;font-size&apos;: &apos;30px&apos;, &apos;color&apos;: &apos;blue&apos;, &apos;background&apos;: &apos;yellow&apos;, &apos;fontWeight&apos;: &apos;bold&apos;}); $(&apos;#p2&apos;).css({&apos;fontSize&apos;: &apos;20px&apos;, &apos;fontWeight&apos;: &apos;bold&apos;, &apos;color&apos;: &apos;red&apos;}); $(&apos;#p3&apos;).css({&apos;color&apos;: &apos;blue&apos;}); }); }); <p id="p1"> Welcome to the javaTpoint.com </p> <p id="p2"> This is an example of using the $(document).ready() function. </p> <p id="p3"> This is a third paragraph element </p> <p> Click the following button to see the effect. </p> Click me 

انتاج:

بعد تنفيذ الكود أعلاه سيكون الناتج -

كيفية استرجاع التطبيقات المخفية

بعد النقر على الزر المحدد، سيكون الإخراج -