jQuery में एट्रिब्यूट्स के साथ काम करना
अब हम jQuery के माध्यम से HTML टैग्स के एट्रिब्यूट्स को पढ़ना, जोड़ना
और बदलना सीखेंगे।
यह सब मेथड
attr
की सहायता से किया जाता है।
यह मेथड
html
के समान कार्य करता है
- पैरामीटर्स की संख्या के आधार पर
यह एट्रिब्यूट के मान को पढ़ेगा या बदलेगा।
पहला पैरामीटर attr
एट्रिब्यूट का नाम लेता है, और दूसरा - इसका नया मान।
उदाहरण के लिए, इस तरह - .attr('value',
- हम स्ट्रिंग 'www')'www' को एट्रिब्यूट
value
में लिखेंगे।
यदि attr को एक पैरामीटर के साथ कॉल किया जाए,
तो यह उस एट्रिब्यूट का मान वापस करेगा, जिसका नाम
हम पहले पैरामीटर में निर्दिष्ट करते हैं।
उदाहरण के लिए, इस तरह - .attr('value') - हम
एट्रिब्यूट value का मान प्राप्त करेंगे।
निम्नलिखित उदाहरण में हमारे पास एक इनपुट है:
<input type="text" value="!!!" id="test">
इसके बाद हम इनपुट को उसके
id के द्वारा प्राप्त करते हैं और उसके
एट्रिब्यूट value का मान स्क्रीन पर प्रदर्शित करते हैं:
alert($('#test').attr('value')); // '!!!' प्रदर्शित करेगा
इमेज के एट्रिब्यूट
src की सामग्री प्राप्त करें, जिसका id
www के बराबर है।
लिंक का एट्रिब्यूट href प्राप्त करें,
जो www क्लास वाले एलिमेंट में है।
पेज पर सभी इमेज्स के एट्रिब्यूट src
की सामग्री प्राप्त करें और उन्हें क्रमिक रूप से
प्रदर्शित करें।
सभी लिंक्स का एट्रिब्यूट href प्राप्त करें और
उन्हें क्रमिक रूप से प्रदर्शित करें।