כיצד להחליף 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".