כיצד להחליף HTML ב- DIV עם jQuery

כיצד להחליף HTML ב- DIV עם jQuery.

שלב 1

פתח יישום אינטרנט פיתוח או עורך טקסט וליצור דף HTML חדש.

שלב 2

הוסף את הספריה jQuery לדף על ידי הוספת קוד HTML המתאים בין התגים "". לדוגמה:

שנה את הנתיב בתכונה "src" כדי להתאים למיקום ולגרסה של הספרייה שהורדת מאתר jQuery.

שלב 3

כתוב את הקוד הבא כדי להוסיף HTML HTML לדף עם טקסט לדוגמה. יש להוסיף זאת בין התגים "".

זוהי דוגמה

שלב 4

הוספת כפתור HTML בדף באמצעות הקוד שלהלן, אשר יש להוסיף לאחר DIV דוגמה. כפתור לא הוגדרה פעולה כרגע, שכן תוסיף את המטפל לחץ דרך jQuery.

שלב 5

הוסף את קוד ה- HTML הבא בין התגים שמתחת לתג "" המשמש להכללת ספריית jQuery.

קוד זה ייצור פונקציה שתופעל אוטומטית לאחר טעינת הדף. לאחר מכן, אתה מגדיר מטפל לחץ על כפתור עם מזהה HTML "myButton", אשר מבצעת פונקציה כאשר הוא נלחץ. הפונקציה מחליפה את קוד ה- HTML הכלול ב- DIV עם המבחן "id".

שלב 6

טען את הדף לשרת האינטרנט שלך ולאחר מכן פתח אותו בדפדפן. לחץ על הכפתור ותראה כי התוכן של DIV משתנה מיד כמו המטפל לחץ פועל.