jQuery toggleClass() နည်းလမ်း
❮ jQuery HTML/CSS နည်းလမ်းများ
ဥပမာ
<p> ဒြပ်စင်အားလုံးအတွက် "ပင်မ" အတန်းအမည်ကို ထည့်သွင်းခြင်းနှင့် ဖယ်ရှားခြင်းကြား အဖွင့်အပိတ်လုပ်ပါ။
$("button").click(function(){
$("p").toggleClass("main");
});
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
toggleClass() နည်းလမ်းသည် ရွေးချယ်ထားသော ဒြပ်စင်များမှ တစ်ခု သို့မဟုတ် တစ်ခုထက်ပိုသော အတန်းအမည်များကို ပေါင်းထည့်ခြင်းနှင့် ဖယ်ရှားခြင်းကြားတွင် ပြောင်းသွားပါသည်။
ဤနည်းလမ်းသည် သတ်မှတ်ထားသော အတန်းအမည်များအတွက် အစိတ်အပိုင်းတစ်ခုစီကို စစ်ဆေးသည်။ အတန်းအမည်များ ပျောက်ဆုံးပါက ပေါင်းထည့်မည်ဖြစ်ပြီး သတ်မှတ်ပြီးပါက ဖယ်ရှားသည် - ၎င်းသည် toggle effect ကို ဖန်တီးပေးပါသည်။
သို့သော်လည်း၊ "ပြောင်းရန်" ကန့်သတ်ဘောင်ကို အသုံးပြုခြင်းဖြင့် သင်သည် ဖယ်ရှားရန်သာ သတ်မှတ်နိုင်သည်၊ သို့မဟုတ် အတန်းအမည်တစ်ခုသာ ထည့်နိုင်သည်။
အထားအသို
$(selector).toggleClass(classname,function(index,currentclass),switch)
Parameter | Description |
---|---|
classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
သင်ကိုယ်တိုင်စမ်းကြည့်ပါ - ဥပမာများ
သွင်းခြင်းနှင့် ဖယ်ရှားခြင်းကြား အဖွင့်အပိတ်လုပ်နည်း toggleClass() နည်းလမ်းကို အသုံးပြုနည်း အတန်းအမည်တစ်ခုကို ပေါင်းထည့်ခြင်းနှင့် ဖယ်ရှားခြင်းကြားတွင် ပြောင်းရန်။
ဖွင့်သင့်သည်ကို သတ်မှတ်ရန် လုပ်ဆောင်ချက်တစ်ခုကို အသုံးပြုခြင်းဖြင့် အတန်းများကို ခလုတ်ဖွင့်ပါ။
ကိုအသုံးပြုခြင်း အတန်းအမည်တစ်ခုကိုသာ ထည့်ရန် သို့မဟုတ် ဖယ်ရှားရန် ခလုတ်ပါရာမီတာကို အသုံးပြုနည်း။
❮ jQuery HTML/CSS နည်းလမ်းများ