W3.JS ရွေးချယ်မှုများ

W3.JS သည် HTML ဒြပ်စင် များကို ရွေးချယ်ပြီး ရွေးချယ်ထားသော ဒြပ်စင်(များ) တွင် လုပ်ဆောင်ချက်များကို လုပ်ဆောင် သည်-

w3.action(selector)

လုပ်ဆောင်ချက် () ကို ရွေးချယ်ထားသော အစိတ်အပိုင်း(များ) တွင် လုပ်ဆောင် သည်
( ရွေးချယ် ပေးသူ ) သည် HTML အစိတ်အပိုင်း(များ) ကို ရွေးချယ်သည်

ဥပမာ

w3.hide('p') // Hide all <p> elements

CSS ရွေးခြယ်နည်းများကို သင် ရင်းနှီးပါသလား။

W3.JS သည် HTML အစိတ်အပိုင်းများကို ရွေးချယ်ပြီး စီမံခန့်ခွဲရန် CSS အစီအမံကို အသုံးပြုသည်။

ရွေးချယ်သူများကို ၎င်းတို့၏ တဂ်အမည်၊ အိုင်ဒီ၊ အတန်းများ၊ အမျိုးအစားများ၊ ရည်ညွှန်းချက်များ၊ အရည်အချင်းတန်ဖိုးများနှင့် အခြားအရာများအပေါ် အခြေခံ၍ "ရှာရန်" (ရွေးချယ်ပါ) HTML အစိတ်အပိုင်းများကို အသုံးပြုသည်။ ရွေးချယ်သူအားလုံး၏စာရင်းကို ကျွန်ုပ်တို့၏ CSS Selector Reference တွင် တွေ့နိုင်ပါသည် ။

ရွေးချယ်မှု နမူနာများ

HTML အစိတ်အပိုင်းများကို ရွေးချယ်ရန်၊ တဂ်အမည်ကို အသုံးပြုပါ-

<h2> ဒြပ်စင်အားလုံးကို ဝှက်ပါ-

w3.hide('h2')

တိကျသော id တစ်ခုပါရှိသော ဒြပ်စင်ကို ရွေးချယ်ရန်၊ hash စာလုံးကို ရေးပါ၊ ထို့နောက် HTML ဒြပ်စင်၏ id ကို ရေးပါ-

id="London" ဖြင့် အစိတ်အပိုင်းတစ်ခုကို ဝှက်ပါ-

w3.hide('#London')

သီးခြားအတန်းတစ်ခုရှိ အစိတ်အပိုင်းများကို ရွေးရန်၊ အတန်း၏အမည်ဖြင့် နောက်တွင် ကာလအက္ခရာတစ်ခုရေးပါ-

class="city" ဖြင့် အစိတ်အပိုင်းအားလုံးကို ဝှက်ပါ-

w3.hide('.city')

နောက်ထပ် Selector ဥပမာများ

Selector	Description	Example
("*")	Selects all elements in the document
(this)	Selects the current HTML element
("p.intro")	Selects all <p> elements with class="intro"
("div p")	Selects all <p> element inside all <div> elements
("div p:first-child")	Selects the first <p> element inside all <div> elements
("[href]")	Selects all elements with an href attribute
("a[target=_blank]")	Selects all <a> elements with a target attribute value equal to "_blank"
("p:nth-child(even)")	Selects all even <p> elements

CSS ရွေးပေးသူများအားလုံး၏ အပြည့်အစုံကိုးကားချက်အတွက်၊ ကျေးဇူးပြု၍ ကျွန်ုပ်တို့၏ CSS Selectors Reference သို့ သွားပါ ။

❮ ယခင် နောက်တစ်ခု ❯