jQuery కంటెంట్ మరియు అట్రిబ్యూట్స్ సెట్

కంటెంట్ సెట్ - text()、html() మరియు val()

మేము ముందుకు ఉన్న చాప్టర్లో ఉన్న మూడు అదే పద్ధతులను ఉపయోగించి కంటెంట్ సెట్ చేయడానికి ఉపయోగిస్తాము:

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

ఈ ఉదాహరణలో మేము text()、html() మరియు val() పద్ధతులను ద్వారా కంటెంట్ సెట్ చేయడాన్ని చూపిస్తున్నాము:

ఉదాహరణ

$("#btn1").click(function(){
  $("#test1").text("Hello world!");
});
$("#btn2").click(function(){
  $("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
  $("#test3").val("Dolly Duck");
});

మీరే ప్రయత్నించండి

text()、html() మరియు val() కాల్బ్యాక్ ఫంక్షన్స్

ముందుకు మూడు jQuery మాదిరిగా ఉన్న పద్ధతులు: text()、html() మరియు val() కూడా కాల్బ్యాక్ ఫంక్షన్స్ కలిగి ఉన్నాయి. కాల్బ్యాక్ ఫంక్షన్స్ రెండు పరామితులను కలిగి ఉంటాయి: ఎంపికచేసిన పెరిలు జాబితాలో ప్రస్తుత పెరిలు యొక్క సంఖ్యాలు, మరియు పాత విలువ. తరువాత నీకు ఉండిపోవాల్సిన స్ట్రింగ్ ను ఫంక్షన్ వారియబుల్ తో పునఃవారీస్తాయి.

下面的例子演示带有回调函数的 text() 和 html()：

ఉదాహరణ

$("#btn1").click(function(){
  $("#test1").text(function(i,origText){
    return "Old text: " + origText + " New text: Hello world!
    (index: " + i + ")";
  });
});
$("#btn2").click(function(){
  $("#test2").html(function(i,origText){
    return "Old html: " + origText + " New html: Hello world!
    (index: " + i + ")";
  });
});

మీరే ప్రయత్నించండి

设置属性 - attr()

jQuery attr() 方法也用于设置/改变属性值。

下面的例子演示如何改变（设置）链接中 href 属性的值：

ఉదాహరణ

$("button").click(function(){
  $("#w3s").attr("href","http://www.codew3c.com/jquery");
});

మీరే ప్రయత్నించండి

attr() 方法也允许您同时设置多个属性。

下面的例子演示如何同时设置 href 和 title 属性：

ఉదాహరణ

$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.codew3c.com/jquery",
    "title" : "CodeW3C.com jQuery Tutorial"
  });
});

మీరే ప్రయత్నించండి

attr() 的回调函数

jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

下面的例子演示带有回调函数的 attr() 方法：

ఉదాహరణ

$("button").click(function(){
  $("#w3s").attr("href", function(i,origValue){
    return origValue + "/jquery";
  });
});

మీరే ప్రయత్నించండి

jQuery HTML సందర్శనా పుస్తకం

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