jQuery క్లాస్సులను పొందడం మరియు సెట్ చేయడం

జూనియర్ జెక్కీ ద్వారా CSS ఎలంట్స్ ను కార్యకలాపాలు చేయడం సులభం అవుతుంది.

jQuery CSS కార్యకలాపాలు

jQuery కొన్ని CSS కార్యకలాపాలు చేపడతాయి. మేము క్రింది ఈ మెథడ్స్ ను నేర్చుకుంటాము:

  • addClass() - యెంపిక విండులకు ఒకటి లేదా పలు క్లాస్సులను జోడిస్తుంది
  • removeClass() - యెంపిక విండుల నుండి ఒకటి లేదా పలు క్లాస్సులను తొలగిస్తుంది
  • toggleClass() - యెంపిక విండులకు క్లాస్సులను జోడించింది లేదా తొలగించింది చేస్తుంది
  • css() - స్టైల్స్ అంశాన్ని సెట్ లేదా తిరిగి పొందడం

ఉదాహరణ స్టైల్స్

ఈ స్టైల్స్ ప్యాక్ ప్రతి ఉదాహరణకు వాడబడుతుంది:

.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}

jQuery addClass() మెథడ్

దిగువ ఉదాహరణ వివిధ విండులకు class అంశాన్ని జోడించడాన్ని చూపుతుంది. కాబట్టి, క్లాస్సులను జోడించగలిగేవారు పలు విండులను యెంపిక చేయవచ్చు:

ఉదాహరణ

$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});

మీరే ప్రయత్నించండి

మీరు కూడా addClass() మెథడ్లో పలు క్లాస్సులను నిర్దేశించవచ్చు:

ఉదాహరణ

$("button").click(function(){
  $("#div1").addClass("important blue");
});

మీరే ప్రయత్నించండి

jQuery removeClass() మెథడ్

దిగువ ఉదాహరణ వివిధ విండులకు నిర్దిష్ట క్లాస్ అంశాన్ని తొలగించడాన్ని చూపుతుంది:

ఉదాహరణ

$("button").click(function(){
  $("h1,h2,p").removeClass("blue");
});

మీరే ప్రయత్నించండి

jQuery toggleClass() మెథడ్

దిగువ ఉదాహరణ జూనియర్ జెక్కీ toggleClass() మెథడ్ వాడకం చూపుతుంది: ఈ మెథడ్ యెంపిక విండులకు క్లాస్సులను జోడించింది లేదా తొలగించింది చేస్తుంది:

ఉదాహరణ

$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

మీరే ప్రయత్నించండి

jQuery css() మెథడ్

మేము తదుపరి చాప్టర్లో jQuery css() మెట్హడ్ పరిచయం చేయబోతున్నాము

jQuery HTML పరిశీలన హాండ్బుక్

జూనియర్ జెక్కీ సిఎస్ఎస్ మెథడ్స్ పూర్తి వివరాలకు మా సైట్ నివసించండి jQuery CSS కార్యకలాపాల పూర్తి వివరాలకు మా సైట్ నివసించండి