ה מוּכָן() 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(){ $('button').click(function(){ $('#p1').css({'font-size': '30px', 'color': 'blue', 'background': 'yellow', 'fontWeight': 'bold'}); $('#p2').css({'fontSize': '20px', 'fontWeight': 'bold', 'color': 'red'}); $('#p3').css({'color': 'blue'}); }); }); <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בדוק את זה עכשיו
תְפוּקָה:
לאחר ביצוע הקוד לעיל, הפלט יהיה -
לאחר לחיצה על הכפתור הנתון, הפלט יהיה -