jQuery 获得内容和属性

jQuery 拥有可操作 HTML 元素和属性的强大方法。

jQuery DOM 操作

jQuery 中非常重要的部分，就是操作 DOM 的能力。

jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。

సూచన:DOM = Document Object Model (డాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్)

DOM నిర్వచనం హెచ్ఎంఎల్ మరియు XML డాక్యుమెంట్స్ ప్రామాణికాలను నిర్వచిస్తుంది:

“W3C డాక్యుమెంట్ ఓబ్జెక్ట్ మోడల్ ప్లాట్ఫారమ్ మరియు భాషా నిరపేక్షంగా ఉంటుంది, దీని ద్వారా ప్రోగ్రామ్స్ మరియు స్క్రిప్ట్స్ డాక్యుమెంట్ పరిణామాలను, స్ట్రక్చర్ మరియు స్టైల్స్ ను డైనమికలీ ప్రాప్యం చేసుకుంటాయి.”

పరిణామాన్ని పొందడం - text()、html() మరియు val()

మూడు సాధారణమైన DOM ఆపరేషన్స్ కొరకు ఉపయోగపడే జూనియర్ జెక్రీ మెథడ్స్

  • text() - ఎంపికబడిన ఎలిమెంట్ పరిణామాన్ని సెట్ లేదా వాయిదా చేయడానికి ఉపయోగిస్తారు
  • html() - ఎంపికబడిన ఎలిమెంట్ పరిణామాన్ని (హెచ్ఎంఎల్ టాగ్స్ సహా) సెట్ లేదా వాయిదా చేయడానికి ఉపయోగిస్తారు
  • val() - ఫార్మ్ ఫీల్డ్ విలువను సెట్ లేదా వాయిదా చేయడానికి ఉపయోగిస్తారు

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

ఉదాహరణ

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

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

క్రింది ఉదాహరణలో జూనియర్ జెక్రీ val() మెథడ్ ద్వారా ఇన్పుట్ ఫీల్డ్ విలువను ఎలా పొందాలనే విషయం చెప్పబడుతుంది:

ఉదాహరణ

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

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

అట్రిబ్యూట్ పొందడం - attr()

jQuery attr() మెథడ్ అట్రిబ్యూట్ విలువను పొందడానికి ఉపయోగిస్తారు.

క్రింది ఉదాహరణలో లింకులో హెచ్ఎర్ఎఫ్ అట్రిబ్యూట్ విలువను ఎలా పొందాలనే విషయం చెప్పబడుతుంది:

ఉదాహరణ

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

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

తరువాత భాగంలో ప్రస్తావించబడుతుంది కింది విషయం ను ఎలా సెట్ (మార్చు) చేయాలనే విషయం చెప్పబడుతుంది.

jQuery హెచ్ఎంఎల్ పరికల్పనాపుస్తకం

జూనియర్ జెక్క్రీ హెచ్ఎంఎల్ మెథడ్స్ పూర్తి వివరాలకు దయచేసి క్రింది పరికల్పనాపుస్తకాన్ని సందర్శించండి: