jQuery అంశాల ఆపరేషన్ - toggleClass() పద్ధతి

jQuery ప్రభావ సంక్షిప్త పాఠ్యం

ఉదాహరణ

అన్ని <p> ఎలిమెంట్లకు "main" క్లాస్సును చేర్చడానికి లేదా తొలగించడానికి మార్చుకోండి:

$("button").click(function(){
  $("p").toggleClass("main");
});

స్వయంగా ప్రయోగించండి

నిర్వచనం మరియు ఉపయోగం

toggleClass() ప్రస్తుత ఎంపికబడిన ఎలిమెంట్లకు ఒకటి లేదా అనేక క్లాస్సులను చేర్చడానికి లేదా తొలగించడానికి మార్చుకోండి.

ఈ మాదిరి పద్ధతి ప్రతి ఎలిమెంట్లో నిర్దేశించిన క్లాస్సును తనిఖీ చేస్తుంది. ఉన్నది లేకపోతే క్లాస్సును జోడించి, జోడించబడివున్నది లేకపోతే క్లాస్సును తొలగిస్తుంది. ఇది చేర్చడానికి లేదా తొలగించడానికి ప్రభావం పేరు.

అయితే, "switch" పరిమాణాన్ని ఉపయోగించి, క్లాస్సును కేవలం తొలగించడానికి లేదా కేవలం జోడించడానికి నిర్ణయించవచ్చు.

సంక్లిష్టత రూపం

$().toggleClass(class,switch)
పరిమాణం వివరణ
class

అవసరం. క్లాస్సును జోడించడానికి లేదా తొలగించడానికి నిర్ణయించబడే ప్రత్యేక ఎలిమెంట్.

అనేక క్లాస్సులను నిర్ణయించడానికి, క్లాస్సుల మధ్య శూన్యాకార అంతరాన్ని వాడండి.
switch వికల్పం. బుల్ విలువ. క్లాస్సును జోడించడానికి లేదా తొలగించడానికి నిర్ణయించండి.

ఫంక్షన్ ఉపయోగించి క్లాస్సును చేర్చడానికి లేదా తొలగించడానికి మార్చుకోండి

$().toggleClass(function(index,class),switch)

స్వయంగా ప్రయోగించండి

పరిమాణం వివరణ
function(index,class)

అవసరం. క్లాస్సును జోడించడానికి లేదా తొలగించడానికి ఒకటి లేదా అనేక క్లాస్సులను నిర్ణయించే ఫంక్షన్.

  • index - వికల్పం. సెలెక్టర్కు ఇండెక్స్ స్థానాన్ని అంగీకరిస్తుంది.
  • class - వికల్పం. ప్రస్తుత సెలెక్టర్కు క్లాస్సును అంగీకరిస్తుంది.
switch వికల్పం. బుల్ విలువ. క్లాస్సును జోడించడానికి (true) లేదా తొలగించడానికి (false) నిర్ణయించండి.

jQuery ప్రభావ సంక్షిప్త పాఠ్యం