j క్వెరీ మరియు జావాస్క్రిప్ట్ మధ్య చాలా సారూప్యతలు ఉన్నప్పటికీ, వాటి వాక్యనిర్మాణం మరియు కార్యాచరణలో కూడా అనేక వ్యత్యాసాలు ఉన్నాయి. దాని కోసం, ముందుగా, j క్వెరీ కోడ్ ఏమి చేయడానికి ప్రయత్నిస్తుందో అర్థం చేసుకోండి. అప్పుడు, వనిల్లా జావాస్క్రిప్ట్ యొక్క ప్రత్యామ్నాయ పద్ధతులు లేదా లక్షణాలను ఉపయోగించండి.
ఈ బ్లాగ్ j క్వెరీ కోడ్ని జావాస్క్రిప్ట్గా మార్చడం గురించి చర్చిస్తుంది.
j క్వెరీ కోడ్ను జావాస్క్రిప్ట్గా మార్చడం ఎలా?
j క్వెరీ కోడ్ను జావాస్క్రిప్ట్గా మార్చడానికి, కోడ్ ఏమి చేస్తుందో మరియు ఏ j క్వెరీ పద్ధతులు ఉపయోగించబడుతున్నాయో అర్థం చేసుకోవడం చాలా అవసరం. ఆపై, జావాస్క్రిప్ట్లో ప్రత్యామ్నాయ పద్ధతులను ఉపయోగించండి, ఉదాహరణకు “ $() ” జావాస్క్రిప్ట్లో ఎలిమెంట్లను ఎంచుకోవడానికి, ఎలిమెంట్లను ఎంచుకోవడానికి j క్వెరీలో ఉపయోగించబడుతుంది document.querySelector() 'లేదా' querySelectorAll() ” పద్ధతులు ఉపయోగించబడతాయి.
ఒక ఉదాహరణ సహాయంతో మార్పిడి ప్రక్రియను అర్థం చేసుకుందాం.
ఉదాహరణ
ఇక్కడ, మేము టెక్స్ట్ రంగును మార్చే j క్వెరీ కోడ్ని కలిగి ఉన్నాము మరియు బటన్ క్లిక్పై వివరణాత్మక వచనాన్ని చూపుతుంది. దాని కోసం, HTML డాక్యుమెంట్లో రెండు బటన్లు, టెక్స్ట్ మరియు ఖాళీ
ట్యాగ్ ఉన్నాయి, ఇక్కడ బటన్ క్లిక్పై కొత్త టెక్స్ట్ చూపబడుతుంది:
< div id = 'myDiv' >
< p తరగతి = 'వచనం' > జావాస్క్రిప్ట్ ట్యుటోరియల్ p >
< బటన్ id = 'బటన్' > ఇక్కడ నొక్కండి బటన్ >
< బటన్ id = 'బటన్' > ఇక్కడ నొక్కండి బటన్ >
< p id = 'సందేశం' > p >
div >
j క్వెరీతో పని చేస్తున్నప్పుడు, HTML పత్రం యొక్క
ట్యాగ్లో j క్వెరీ లైబ్రరీని జోడించడం తప్పనిసరి: < స్క్రిప్ట్ src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > స్క్రిప్ట్ >