attr मेथड

attr मेथड किसी भी तत्व की विशेषता को प्राप्त करने और बदलने की अनुमति देता है।

तत्वों के गुणों और विशेषताओं को भ्रमित न करना महत्वपूर्ण है। DOM ट्री बनाते समय, विशेषताओं को उनके संबंधित DOM तत्व गुणों में परिवर्तित किया जाता है। उनके नाम हमेशा मेल नहीं खाते, जैसे कि उनके मान। कुछ गुणों में उनके संबंधित विशेषताएँ भी नहीं हो सकती हैं, उन्हें केवल prop मेथड का उपयोग करके प्राप्त और सेट किया जा सकता है, उदाहरण के लिए tagName गुण।

सिंटैक्स

विशेषता का मान प्राप्त करना:

$(सेलेक्टर).attr(विशेषता का नाम);

विशेषता का मान बदलना:

$(सेलेक्टर).attr(विशेषता का नाम, नया मान);

कई विशेषताओं के मान बदलना:

$(सेलेक्टर).attr({पहली_विशेषता: नया_मान, दूसरी_विशेषता: नया_मान, ...});

सेट में प्रत्येक तत्व पर एक फ़ंक्शन लागू करना:

$(सेलेक्टर).attr(विशेषता का नाम, function(सेट में क्रमांक, विशेषता का वर्तमान मान));

उदाहरण

निम्नलिखित उदाहरण में, हम इसके id द्वारा एक इनपुट प्राप्त करेंगे और इसकी value विशेषता का मान स्क्रीन पर प्रिंट करेंगे:

<input type="text" value="!!!" id="test">

let value = $('#test').attr('value');
console.log(value);

उदाहरण

और अब इसी विशेषता में एक नया मान 'www' लिखते हैं:

<input type="text" value="!!!" id="test"> $('#test').attr('value', 'www');

HTML कोड इस तरह दिखेगा:

<input type="text" value="www" id="test">

उदाहरण

आइए एक साथ type और value विशेषताओं को बदलें:

<input type="text" value="!!!" id="test"> $('#test').attr({value: 'www', type: 'password'});

HTML कोड इस तरह दिखेगा:

<input type="password" value="www" id="test">

उदाहरण

आइए प्रत्येक इनपुट की value विशेषता बदलें - वर्तमान value में सेट में तत्व का क्रमांक जोड़ें:

<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">

$('input').attr('value', function(index, value) {
	return value + ' ' + index;
});

HTML कोड इस तरह दिखेगा:

<input type="text" value="aaa 1">
<input type="text" value="bbb 2">
<input type="text" value="ccc 3">

यह भी देखें

removeAttr मेथड,
जो तत्वों की विशेषताओं को हटाने की अनुमति देता है
prop मेथड,
जो तत्वों के गुणों के साथ काम करने की अनुमति देता है
val मेथड,
जो तत्व का वर्तमान मान प्राप्त करने और बदलने की अनुमति देता है