jQuery - CSS क्लासेस प्राप्त करें और सेट करें
JQuery के साथ, तत्वों की शैली में हेरफेर करना आसान है।
jQuery मैनिपुलेटिंग सीएसएस
jQuery में CSS हेरफेर के कई तरीके हैं। हम निम्नलिखित विधियों को देखेंगे:
addClass()
- चयनित तत्वों में एक या अधिक कक्षाएं जोड़ता हैremoveClass()
- चयनित तत्वों में से एक या अधिक कक्षाएं हटाता हैtoggleClass()
- चयनित तत्वों से कक्षाएं जोड़ने/निकालने के बीच टॉगल करता हैcss()
- शैली विशेषता सेट या लौटाता है
उदाहरण स्टाइलशीट
इस पृष्ठ पर सभी उदाहरणों के लिए निम्नलिखित स्टाइलशीट का उपयोग किया जाएगा:
.important
{
font-weight: bold;
font-size: xx-large;
}
.blue
{
color: blue;
}
jQuery ऐडक्लास () विधि
निम्न उदाहरण दिखाता है कि विभिन्न तत्वों में वर्ग विशेषताओं को कैसे जोड़ा जाए। बेशक आप कक्षाओं को जोड़ते समय कई तत्वों का चयन कर सकते हैं:
उदाहरण
$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});
addClass()
आप विधि के भीतर कई वर्ग भी निर्दिष्ट कर सकते हैं :
उदाहरण
$("button").click(function(){
$("#div1").addClass("important blue");
});
jQuery निकालें क्लास () विधि
निम्न उदाहरण दिखाता है कि विभिन्न तत्वों से एक विशिष्ट वर्ग विशेषता को कैसे हटाया जाए:
उदाहरण
$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});
jQuery टॉगल क्लास () विधि:
निम्न उदाहरण दिखाएगा कि jQuery toggleClass()
विधि का उपयोग कैसे करें। यह विधि चयनित तत्वों से कक्षाओं को जोड़ने/निकालने के बीच टॉगल करती है:
उदाहरण
$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});
jQuery सीएसएस () विधि
JQuery css()
विधि को अगले अध्याय में समझाया जाएगा।
jQuery व्यायाम
jQuery सीएसएस संदर्भ
सभी jQuery CSS विधियों के संपूर्ण अवलोकन के लिए, कृपया हमारे jQuery HTML/CSS संदर्भ पर जाएँ ।