జెక్సీ సెలెక్టర్స్

ఎంపికకర్తలు మీరు అంశం గుంపులను లేదా సింగిల్ అంశాన్ని కార్యకలాపం చేయడానికి అనుమతిస్తాయి.

జెక్సీ సెలెక్టర్స్

మునుపటి అధ్యాయాలలో, మేము ఎందుకు హైలెంట్ పాఠకాలను ఎంచుకోవాలనే ఉదాహరణలను చూపాము.

కీలకం అనేది మీరు అనువర్తించాలని కావలసిన పాఠకంపై జ్యూటీనీ ఎంపికకర్తలను ఎలా ఖచ్చితంగా ఎంచుకోవాలనేది నేర్చుకోవడం.

jQuery మూలక ఎంపికకర్తలు మరియు అమర్తక ఎంపికకర్తలు మూలకాలను లేదా టాగ్ నేమ్, అమర్తక నేమ్ లేదా కంటెంట్ ద్వారా ఎంపిక చేయడానికి అనుమతిస్తాయి.

ఎంపికకర్తలు HTML మూలకాల సమూహానికి లేదా ఒకే మూలకానికి కార్యకలాపాలు చేయడానికి అనుమతిస్తాయి。

HTML DOM పదంలో:

ఎంపికకర్తలు డామ్ మూలకాల సమూహానికి లేదా ఒకే డామ్ నోడ్ పై కార్యకలాపాలు చేయడానికి అనుమతిస్తాయి。

jQuery మూలక ఎంపికకర్తలు

jQuery సిఎస్ఎస్ ఎంపికకర్తలను HTML మూలకాలను ఎంపిక చేయడానికి ఉపయోగిస్తుంది。

$("p") యొక్క అన్ని <p> మూలకాలను ఎంపిక చేస్తుంది。

$("p.intro") యొక్క అన్ని class="intro" యొక్క <p> మూలకాలను ఎంపిక చేస్తుంది。

$("p#demo") యొక్క అన్ని id="demo" యొక్క <p> మూలకాలను ఎంపిక చేస్తుంది。

jQuery అమర్తక ఎంపికకర్తలు

jQuery ప్రయోగం వాక్యాలను పరిగణనలోకి తీసుకుంటుంది మరియు ప్రత్యేక అమర్తకాలను ఎంపిక చేస్తుంది。

$("[href]") యొక్క అన్ని href హెచ్చర్లను ఎంపిక చేస్తుంది。

$("[href='#']") యొక్క అన్ని href విలువలు "#" తో ముగుస్తున్న మూలకాలను ఎంపిక చేస్తుంది。

$("[href!='#']") యొక్క అన్ని href విలువలు "#" కంటే వేరుగా ఉన్న మూలకాలను ఎంపిక చేస్తుంది。

$("[href$='.jpg']") యొక్క అన్ని href విలువలు ".jpg" తో ముగుస్తున్న మూలకాలను ఎంపిక చేస్తుంది。

jQuery CSS ఎంపికకర్తలు

jQuery CSS ఎంపికకర్తలు HTML మూలకాల సిఎస్ఎస్ లకు మార్చడానికి ఉపయోగిస్తాయి。

క్రింది ఉదాహరణలో అన్ని p మూలకాల బ్యాక్గ్రౌండ్ కలర్ ను ఎరుపు రంగులో మార్చబడుతుంది:

ఉదాహరణ

$("p").css("background-color","red");

మీరు స్వయంగా ప్రయత్నించండి

మరిన్ని ఎంపికకర్త ఉదాహరణలు

సింథెక్సిస్ వివరణ
$(this) ప్రస్తుత హెచ్చర్ మూలకం
$("p") అన్ని <p> మూలకాలు
$("p.intro") అన్ని class="intro" యొక్క <p> మూలకాలు
$(".intro") అన్ని class="intro" యొక్క మూలకాలు
$("#intro") id="intro" యొక్క మూలకం
$("ul li:first") ప్రతి <ul> యొక్క మొదటి <li> మూలకం
$("[href$='.jpg']") అన్ని ".jpg" తో ముగుస్తున్న హెచ్చర్ విలువలు కలిగిన href హెచ్చర్లు
$("div#intro .head") id="intro" యొక్క <div> మూలకంలో అన్ని class="head" యొక్క మూలకాలు

పూర్తి పరిశీలన హాండ్బుక్ కొరకు మా వెబ్సైట్ ని సందర్శించండి jQuery ఎంపికకర్త పరిశీలన హాండ్బుక్。