', '

' ו'

' תגיות משמשות בקוד שלהלן:

---

---

< div >
< h1 > שלום למשתמשי Linuxhint < / h1 >
< h2 > Linuxhint הוא המקום של גן עדן < / h2 >
< ע > שאילתות הקשורות לשפות תכנות. < / ע >
< / div >
< לַחְצָן > מסיר סגנון עבור Div < / לַחְצָן >

לאחר ביצוע הקוד לעיל, דף האינטרנט נראה כך:

הפלט מציג את מבנה ה-HTML של ה-div וכפתור.

שלב 2: הוסף סטיילינג מוטבע
בתוך תג הפתיחה של div, משתמש ב-' סִגְנוֹן ' מייחסים ומיישמים כמה מאפייני CSS כדי להפוך אלמנטים בולטים ומושכים:

< div סִגְנוֹן = '
color: darkagenta;
צבע רקע: אקוומרין בינוני;
שוליים: 20px;
ריפוד: 30px;' >
< h1 >שלום למשתמשי Linuxhint< / h1 >
< h2 >Linuxhint הוא המקום של גן עדן< / h2 >
< ע >שאילתות הקשורות לשפות תכנות.< / ע >
< / div >
< br >
< לַחְצָן > סִגְנוֹן לְהַסִיר ל Div< / לַחְצָן >

הפלט של הקוד לעיל הוא:

הפלט מאשר שהסגנונות המוטבעים מוחלים על אלמנט ה-div בלבד.

שלב 3: שימוש ב-jQuery להסרת CSS מוטבע
כדי להסיר תכונות סגנון, פונקציית האב קוראת כאשר ' מסמך 'הוא ' מוּכָן '. בקוד שלהלן, הפונקציה הפנימית קוראת כאשר המשתמש לחץ על ' לַחְצָן '. לאחר מכן, פונקציה זו בוחרת את כל רכיבי ה-div השוכנים בעמוד ומשתמשת ב-' remove.Attr() ' שיטה:

< תַסרִיט >
$ ( מסמך ) .מוּכָן ( פוּנקצִיָה ( ) {
$ ( 'לַחְצָן' ) .נְקִישָׁה ( פוּנקצִיָה ( ) {
$ ( 'div' ) .removeAttr ( 'סִגְנוֹן' ) ;
} ) ;
} ) ;
< / תַסרִיט >

לאחר הוספת קוד jQuery, דף האינטרנט פועל כך:

ה-'gif' לעיל ממחיש שהסגנונות שהוחלו ב-div מוסרים על ידי לחיצה על הכפתור.

שיטה 2: הסר Class CSS מ-Div

הדרך השנייה לעצב את אלמנט ה-HTML היא על ידי הקצאת ' מעמד '. לאחר מכן, הוסף CSS בחלק המחלקה הזה בתוך ' <סגנון> 'תג או ב' נפרד קובץ CSS '. ניתן להסיר סגנונות אלו גם באמצעות jQuery. בצע את השלבים הבאים:

שלב 1: הקצה מחלקה לרכיב Div
בקובץ ה-HTML, הקצה מאפיין class ל'

' אלמנט. כמו כן, הקצה מזהה של 'מסיר' ל' <כפתור> 'תג:

< div מעמד = 'סִגנוּן' >
< h1 >שלום למשתמשי Linuxhint< / h1 >
< h2 >Linuxhint הוא המקום של גן עדן< / h2 >
< ע >שאילתות הקשורות לשפות תכנות.< / ע >
< / div >
< לַחְצָן תְעוּדַת זֶהוּת = 'לְהַסִיר' > סִגְנוֹן הסר < / לַחְצָן >

לאחר מכן, עבור אל ' <סגנון> ' תייגו ובחרו את שם מחלקת ה-div ' סִגנוּן ' והקלד מאפייני CSS המוחלים על האלמנט div:

< סִגְנוֹן >
.סִגנוּן {
צֶבַע :גולדןרוד;
רקע כללי- צֶבַע : ירוק ים;
שוליים: 20px;
ריפוד: 30px;
}
< / סִגְנוֹן >

לאחר ביצוע הקוד לעיל, דף האינטרנט נראה כך:

הפלט מציג שהסגנונות מיושמים על אלמנט ה-div.

שלב 2: הוסף jQuery כדי להסיר עיצוב CSS
בתוך ה '

אַחֵר