logo

הפונקציה jQuery ready().

ה מוּכָן() function ב-jQuery מבצעת את הקוד רק כאשר ה-DOM (Document Object model) נטען במלואו. זוהי פונקציה מובנית ב-jQuery. זה יכול להפעיל לפני טעינת כל התמונות וכו' אבל רק כשה-DOM מוכן. הקוד שהוכנס בין $(document).ready() מופעל רק כאשר הדף מוכן לקוד JavaScript לביצוע.

אנחנו לא צריכים להשתמש ב מוּכָן() שיטה יחד עם .

תחביר

אנחנו יכולים להשתמש ב מוּכָן() לתפקד בשתי דרכים, כפי שניתן להלן.

מה זה mac os
  • התחביר הנפוץ של המוכן() הפונקציה היא כדלקמן.
 $(document).ready(function) 
  • כפי שאנו יכולים להשתמש ב מוּכָן() פועל רק עבור המסמך הנוכחי, כך שניתן לדלג על הבורר. אנו יכולים גם לכתוב את התחביר לעיל באופן הבא.
 $(function) 

שתי הדרכים לעיל תקפות לשימוש. התחביר השני יכול לשמש כחלופה לתחביר הראשון. זה יכול להיות ברור מקטע הקוד הבא.

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

הקוד שלמעלה שווה ערך לקוד שלהלן.

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

כמה מפתחים מנוסים משתמשים בקיצור $() במקום להשתמש $(document).ready(), אבל אם אנחנו כותבים את הקוד לאנשים לא מנוסים, אז עדיף להשתמש בטופס הארוך.

ערכי פרמטרים

ה מוּכָן() לפונקציה יש רק ערך פרמטר בודד המוגדר כדלקמן.

פוּנקצִיָה(): זה הפרמטר החובה שמציין את הפונקציה שפועלת לאחר טעינת המסמך.

אלגוריתם תזמון עגול רובין

בואו נראה דוגמה לשימוש ב- $(document).ready() פוּנקצִיָה.

תו ל-int java

דוגמא

בדוגמה זו, ישנם כמה רכיבי פסקה וכפתור. הנה, אנחנו משתמשים $(document).ready() פונקציה כדי לשנות את הסגנון של הפסקאות הנתונות.

 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 
בדוק את זה עכשיו

תְפוּקָה:

לאחר ביצוע הקוד לעיל, הפלט יהיה -

הפונקציה jQuery ready().

לאחר לחיצה על הכפתור הנתון, הפלט יהיה -

הפונקציה jQuery ready().