జావాస్క్రిప్ట్లో ప్రోగ్రామింగ్ చేస్తున్నప్పుడు, ఎలిమెంట్లను తక్షణమే యాక్సెస్ చేయడంలో j క్వెరీ చాలా సహాయపడుతుంది. ఉదాహరణకు, j క్వెరీ సెలెక్టర్ ' $ '' ద్వారా మూలకాలను యాక్సెస్ చేయడానికి బహుళ-ఫంక్షనల్ వినియోగాన్ని అందిస్తుంది id ',' తరగతి ”, మొదలైనవి. సంబంధిత j క్వెరీ లైబ్రరీ కోడ్లో చేర్చబడినంత వరకు ఈ సెలెక్టర్ పని చేస్తుంది. లేకపోతే, ఇది నిర్వచించబడని లోపాన్ని ప్రదర్శిస్తుంది.
ఈ బ్లాగ్ చర్చిస్తుంది ' రన్టైమ్ లోపం: ‘$’ నిర్వచించబడలేదు ” జావాస్క్రిప్ట్లో.
జావాస్క్రిప్ట్లో “రన్టైమ్ లోపం: ‘$’ నిర్వచించబడలేదు” అంటే ఏమిటి?
ది ' $ ” అనేది మూలకాలను యాక్సెస్ చేయడానికి ఉపయోగించే j క్వెరీ సెలెక్టర్. j క్వెరీ లైబ్రరీ చేర్చబడకపోతే లేదా అనువర్తిత కార్యాచరణ తర్వాత లైబ్రరీ చేర్చబడినట్లయితే పేర్కొన్న లోపం సంభవించవచ్చు.
ఉదాహరణ 1: j క్వెరీ లైబ్రరీని పేర్కొనకుండా జావాస్క్రిప్ట్లో “రన్టైమ్ లోపం: ‘$’ నిర్వచించబడలేదు”
ఈ ఉదాహరణలో, j క్వెరీ లైబ్రరీని పేర్కొనకుండా సంబంధిత కార్యాచరణను అమలు చేయడం ద్వారా పేర్కొన్న లోపం సంభవించడం చర్చించబడుతుంది:
< div >
< బటన్ క్లిక్ చేయండి = 'myFunction()' > నన్ను క్లిక్ చెయ్యి బటన్ >
< p id = 'డెమో' > p >
div >
< స్క్రిప్ట్ >
ఫంక్షన్ myFunction ( ) {
$ ( '#డెమో' ) .innerHTML = 'ఇది Linuxhint వెబ్సైట్' ;
}
స్క్రిప్ట్ >
పై కోడ్ స్నిప్పెట్లో:
- 'తో జతచేయబడిన బటన్ను సృష్టించండి క్లిక్ చేయండి ” ఈవెంట్ myFunction() ఫంక్షన్కి దారి మళ్లిస్తోంది.
- తదుపరి దశలో, 'ని జోడించండి 'ఒక లక్షణాన్ని కలిగి ఉన్న మూలకం' id ”.
- JS కోడ్లో, '' అనే ఫంక్షన్ను నిర్వచించండి myFunction() ”.
- దాని నిర్వచనంలో, చేర్చబడిన “ని యాక్సెస్ చేయండి 'మూలకం దాని' ద్వారా id 'j క్వెరీ సెలెక్టర్ ద్వారా' $ ”.
- చివరగా, వర్తించు ' అంతర్గత HTML ” పొందబడిన మూలకానికి పేర్కొన్న వచన విలువను జోడించే లక్షణం.
- సెలెక్టర్ యొక్క వినియోగాన్ని గమనించండి ' $ ' j క్వెరీ లైబ్రరీని చేర్చకుండా ' నిర్వచించబడని లోపం ”.
అవుట్పుట్
గమనించినట్లుగా, సెలెక్టర్ ' $ ” సంబంధిత లైబ్రరీ కోడ్లో చేర్చబడలేదు కాబట్టి గుర్తించబడలేదు.
ఉదాహరణ 2: జావాస్క్రిప్ట్లో “రన్టైమ్ లోపం: ‘$’ నిర్వచించబడలేదు”
అప్లైడ్ ఫంక్షనాలిటీ తర్వాత j క్వెరీ లైబ్రరీని పేర్కొంటోంది
ఈ ప్రత్యేక ఉదాహరణలో, j క్వెరీ లైబ్రరీని దాని కార్యాచరణను అమలు చేసిన తర్వాత పేర్కొనడం ద్వారా పేర్కొన్న దోషం యొక్క సంభవం చర్చించబడుతుంది:
< h3 id = 'myPara' > ఇది linuxhint వెబ్సైట్ h3 >< p id = 'డెమో' > p >
< స్క్రిప్ట్ >
వీలు a = $ ( 'myPara' ) .innerHTML;
$ ( 'డెమో' ) .innerHTML = a;
స్క్రిప్ట్ >
< స్క్రిప్ట్ src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > స్క్రిప్ట్ >
పై కోడ్ లైన్లలో:
- అదేవిధంగా, '' అని పేర్కొన్న శీర్షికను మరియు పేరాను చేర్చండి. idలు ”, వరుసగా.
- కోడ్ యొక్క జావాస్క్రిప్ట్ భాగంలో, అదేవిధంగా, చేర్చబడిన పేరాని దాని ద్వారా యాక్సెస్ చేయండి id 'ద్వారా' $ ” సెలెక్టర్.
- అలాగే, “ని ఉపయోగించి దాని(హెడింగ్) టెక్స్ట్ కంటెంట్ని తిరిగి పొందండి అంతర్గత HTML ”ఆస్తి.
- ఆ తర్వాత, చేర్చబడిన పేరాతో అదే విధానాన్ని పునరావృతం చేయండి మరియు శీర్షిక యొక్క పొందబడిన వచన కంటెంట్ను కేటాయించండి.
- చివరగా, పేర్కొనండి ' j క్వెరీ లైబ్రరీ ” దాని కార్యాచరణలను వర్తింపజేయడానికి.
- '' సహాయంతో అనువర్తిత కార్యాచరణల తర్వాత లైబ్రరీ చేర్చబడిందని గమనించండి $ ” సెలెక్టర్, నిర్వచించబడని లోపం కన్సోల్లో కూడా లాగ్ చేయబడుతుంది.
అవుట్పుట్
పరిష్కారంగా, అప్లికేషన్కు j క్వెరీ స్క్రిప్ట్ని జోడిస్తుంది.
ముగింపు
ది ' రన్టైమ్ లోపం: ‘$’ నిర్వచించబడలేదు ” జావాస్క్రిప్ట్లో j క్వెరీ లైబ్రరీని పేర్కొనకుండా లేదా అనువర్తిత కార్యాచరణల తర్వాత పేర్కొనడం ద్వారా సంభవించవచ్చు. మునుపటి విధానంలో, నిర్వచించబడని సెలెక్టర్ ' $ లైబ్రరీ చేర్చబడలేదు కాబట్టి స్పష్టంగా ఉంది. తరువాతి విధానంలో, క్రమబద్ధీకరించని కోడ్ కారణంగా సంబంధిత లోపం సంభవిస్తుంది. ఈ బ్లాగ్ '' యొక్క సంఘటనను వివరించింది రన్టైమ్ లోపం: ‘$’ నిర్వచించబడలేదు ” జావాస్క్రిప్ట్లో.