”,”

'மற்றும்'

'குறிச்சொற்கள் கீழே உள்ள குறியீட்டில் பயன்படுத்தப்படுகின்றன:

---

---

< div >
< h1 > Linuxhint பயனர்களுக்கு வணக்கம் < / h1 >
< h2 > Linuxhint சொர்க்கத்தின் இடம் < / h2 >
< ப > நிரலாக்க மொழிகள் தொடர்பான கேள்விகள். < / ப >
< / div >
< பொத்தானை > டிவிக்கான ஸ்டைல் ​​ரிமூவர் < / பொத்தானை >

மேலே உள்ள குறியீட்டை இயக்கிய பிறகு, வலைப்பக்கம் இப்படி இருக்கும்:

வெளியீடு div இன் HTML கட்டமைப்பையும் ஒரு பொத்தானையும் காட்டுகிறது.

படி 2: இன்லைன் ஸ்டைலிங் சேர்க்கவும்
div திறப்பு குறிச்சொல்லின் உள்ளே, '' பயன்படுத்துகிறது பாணி 'உறுப்புகளை முக்கியத்துவம் வாய்ந்ததாகவும் கவர்ச்சிகரமானதாகவும் மாற்ற சில CSS பண்புகளை பண்புக்கூறு மற்றும் பயன்படுத்தவும்:

< div பாணி = '
நிறம்: இருண்ட மெஜந்தா;
பின்னணி-நிறம்: நடுத்தர அக்வாமரைன்;
விளிம்பு: 20px;
திணிப்பு: 30px;' >
< h1 > வணக்கம் Linuxhint பயனர்கள்< / h1 >
< h2 >Linuxhint சொர்க்கத்தின் இடம்< / h2 >
< ப > நிரலாக்க மொழிகள் தொடர்பான வினவல்கள்.< / ப >
< / div >
< br >
< பொத்தானை > உடை அகற்று க்கான டிவி < / பொத்தானை >

மேலே உள்ள குறியீட்டின் வெளியீடு:

இன்லைன் பாணிகள் div உறுப்புக்கு மட்டுமே பயன்படுத்தப்படும் என்பதை வெளியீடு உறுதிப்படுத்துகிறது.

படி 3: இன்லைன் CSS ஐ அகற்ற jQuery ஐப் பயன்படுத்துதல்
நடை பண்புகளை அகற்ற, பெற்றோர் செயல்பாடு ' ஆவணம் ' இருக்கிறது ' தயார் ”. கீழே உள்ள குறியீட்டில், பயனர் கிளிக் செய்யும் போது உள் செயல்பாடு அழைக்கிறது. பொத்தானை ”. அதன் பிறகு, இந்த செயல்பாடு பக்கத்தில் இருக்கும் அனைத்து DIV கூறுகளையும் தேர்ந்தெடுத்து ' அகற்று.Attr() ”முறை:

< கையால் எழுதப்பட்ட தாள் >
$ ( ஆவணம் ) .தயார் ( செயல்பாடு ( ) {
$ ( 'பொத்தானை' ) .கிளிக் செய்யவும் ( செயல்பாடு ( ) {
$ ( 'டிவி' ) .removeAttr ( 'பாணி' ) ;
} ) ;
} ) ;
< / கையால் எழுதப்பட்ட தாள் >

jQuery குறியீட்டைச் சேர்த்த பிறகு, வலைப்பக்கம் இப்படிச் செயல்படுகிறது:

மேலே உள்ள 'gif' ஆனது, பொத்தானைக் கிளிக் செய்வதன் மூலம் div இல் பயன்படுத்தப்பட்ட பாணிகள் அகற்றப்படும் என்பதை விளக்குகிறது.

முறை 2: வகுப்பிலிருந்து CSS ஐ அகற்று

HTML உறுப்பை வடிவமைப்பதற்கான இரண்டாவது வழி, ' வர்க்கம் ”. பின்னர், அந்த வகுப்புப் பகுதியில் CSSஐச் சேர்க்கவும். <பாணி> 'குறிச்சொல் அல்லது தனி' CSS கோப்பு ”. இந்த பாணிகளை jQuery ஐப் பயன்படுத்தியும் அகற்றலாம். பின்வரும் படிகளைப் பின்பற்றவும்:

படி 1: டிவ் உறுப்புக்கு ஒரு வகுப்பை ஒதுக்கவும்
HTML கோப்பில், வகுப்பு பண்புக்கூறை '

”உறுப்பு. மேலும், 'நீக்கி' என்ற ஐடியை 'க்கு ஒதுக்கவும் <பொத்தான்> 'குறிச்சொல்:

< div வர்க்கம் = 'ஸ்டைலிங்' >
< h1 > வணக்கம் Linuxhint பயனர்கள்< / h1 >
< h2 >Linuxhint சொர்க்கத்தின் இடம்< / h2 >
< ப > நிரலாக்க மொழிகள் தொடர்பான வினவல்கள்.< / ப >
< / div >
< பொத்தானை ஐடி = 'நீக்கு' > உடை < அகற்று / பொத்தானை >

அடுத்து, 'க்குச் செல்லவும் <பாணி> 'டேக் செய்து DIV வகுப்பின் பெயரைத் தேர்ந்தெடுக்கவும்' ஸ்டைலிங் ” மற்றும் div உறுப்புக்கு பயன்படுத்தப்படும் CSS பண்புகளை தட்டச்சு செய்யவும்:

< பாணி >
.ஸ்டைலிங் {
நிறம் :கோல்டன்ரோட்;
பின்னணி - நிறம் : கடல் பச்சை;
விளிம்பு: 20px;
திணிப்பு: 30px;
}
< / பாணி >

மேலே உள்ள குறியீட்டை இயக்கிய பிறகு, வலைப்பக்கம் இப்படி இருக்கும்:

டிவ் உறுப்பில் ஸ்டைல்கள் பயன்படுத்தப்படுவதை வெளியீடு காட்டுகிறது.

படி 2: CSS ஸ்டைலிங்கை அகற்ற jQuery ஐச் சேர்க்கவும்
இல் '

மற்றவை