क्यों jQuery 1.9+ attr() विधि बहिष्कृत नहीं है?

Question

क्या मैं, एक jQuery1.9 + सॉफ़्टवेयर डेवलपर, दिन-दर-दिन काम में attr() विधि के उपयोग को "बहिष्कृत" कर सकता हूं?

---

के रूप में कई सवाल में दिखाया,

• .prop() vs .attr() (मुख्य)
• jQuery attr vs. prop, there are a list of props?
• jQuery attr vs prop?
• Migrating jQuery 1.8.3 to 1.9.0 - Replacing deprecated .attr()
• ... आदि ...

के बारे में बहुत भ्रम है "एटीआर का उपयोग करें या प्रोप का उपयोग करें?", और, मेरे (डेवलपर) दृष्टिकोण से, attr() विधि के सभी उपयोगों के लिए, हम prop बजाय का उपयोग कर सकते हैं:

1. पश्चगामी-संगतता: कोडिंग नए सॉफ्टवेयर इस की जरूरत नहीं;
2. प्रदर्शन: John says "विधि .attr() के माध्यम से गुण को एक्सेस करना (सीधे उन तक पहुँचने .prop के माध्यम से) की तुलना में थोड़ी धीमी हो जाएगा";
3. विशेषता विशेषता बदलें: सभी को prop(name,newvalue) विधि द्वारा बदला जा सकता है।
4. विशेषता हटाएं: सभी को removeProp(name) विधि से हटाया जा सकता है।
5. चेक एचटीएमएल विशेषता मान: ब्राउज़र डोम का उपयोग करें, सभी HTML डोम में बदल दिया गया है, और, डोम प्रभावित करता है, तो attr(name) विधि को भी प्रभावित किया। प्रोप के "मजबूत प्रकार" के बारे में: यह "एचटीएमएल स्ट्रिंग वैल्यू" (उदा। "चेक" बनाम सच) से बेहतर है।
6. जांच करें कि एक विशेषता "एचटीएमएल मूल कोड" में परिभाषित किया गया था (मान कि विधि attr आपके ब्राउज़र में रिटर्न अपरिभाषित अगर यह नहीं है) ... ठीक है, हम इस सॉफ्टवेयर के कुछ टुकड़े में की ज़रूरत है? At forms, ".val() विधि फॉर्म के मान प्राप्त करने या सेट करने के लिए अनुशंसित jQuery तरीका है"
7. क्रॉस-ब्राउज़र स्थिरता: दोनों (न केवल attr) लगातार विधियां हैं। (यह है??)।

तो, यह समय (2013) में, मैं नहीं जब नए jQuery कोड के विकास attr विधि का उपयोग करने के लिए एक अच्छा कारण अच्छी तरह से, प्रश्न देखें ... लेकिन, यह है, दूसरे शब्दों में: रहे हैं मेरे दिन-दर-दिन कार्यों में attr विधि का उपयोग करने का एक अच्छा कारण?

Answer 1

मेरे होमवर्क ... के बाद @cHao पढ़ सकते हैं और @cernunnos अच्छा स्पष्टीकरण, और कुछ ही महीनों के बाद इसे का उपयोग ... मैं बात हम तय करने के लिए एक और अवधारणा की जरूरत है, प्रोग्रामर, जब उपयोग या नहीं सहारा और attr के रूप में :

• HTML स्रोत-कोड और उसकी प्रस्तुति: ब्राउज़र की स्मृति अंतरिक्ष में ब्राउज़र भार HTML पृष्ठ। खैर, स्मृति के ब्राउज़र में क्या रहना डीओएम प्रतिनिधित्व है, लेकिन डीओएम कुछ मूल चीजों को संरक्षित करता है, गुण और cssText property, जो "कभी-कभी दृढ़ प्रतिनिधित्व" होते हैं।
  पीएस: गुण जो "मानक डोम" में परिभाषित नहीं हैं, DOM गुण पर मैपिंग नहीं है। जब कोई (केवल पढ़ने के लिए नहीं) गुण विशेषताएँ, यदि संबंधित (मैप किए गए) संपत्ति हैं, तो इसे स्वचालित रूप से बदला जा सकता है।

• डोम राज्य: गतिशील पृष्ठों को सीधे डोम पर परिवर्तन की आवश्यकता होती है, जो अंतिम उपयोगकर्ता देखते हैं। इसलिए, यदि पृष्ठ पर कुछ "क्लिक और चेंज" क्रियाएं हैं, तो प्रत्येक बार जब डोम एक नए पेज का प्रतिनिधित्व करता है, तो प्रत्येक बार जब डोम का नया state होता है।
  जब एक DOM-संपत्ति परिवर्तन, अन्य सभी DOM गुण (यदि आवश्यक हो) लगातार बदलते हैं।

मन में इन अवधारणाओं के साथ

, हम एक "अंगूठे (attr बनाम prop उपयोगों के लिए) की नियम" आकर्षित कर सकते हैं:

1. उपयोग prop, तो आप संभावना के 90% कि यह काम करता है ... 99% यदि आप के लिए jQuery का उपयोग करते हैं तो DOM राज्य (और मानक डोम परिकल्पना) बदलता है।
2. यदि आपको data-* विशेषताओं को बदलने या एक्सेस करने की आवश्यकता है, तो .data() विधि का उपयोग करें।
3. अन्यथा (गैर-डीओएम, गैर-डेटा, या गैर-मानक चीजें) जांच करें कि .attr() का उपयोग करने का कोई मामला जांचें, और इसका अध्ययन करने के लिए कुछ समय आरक्षित करें (उपरोक्त उत्तरों देखें)।

Answer 2

.attr() पदावनत नहीं है, क्योंकि यह क्या यह के लिए किया है के लिए उपयोगी है, और क्या यह प्रत्येक तत्व के getAttribute समारोह है, जो एक ही बात करता है का उपयोग करने का (छोटे के लिए बनाया गया है करने के लिए केवल सही तरीका क्या है ... या अपने आप को HTML को पार्स करना)।एकमात्र कारण यह है कि हम इस चर्चा को भी कर रहे हैं क्योंकि jQuery (और कुछ पुराने ब्राउज़र (खांसी आईई खांसी) गलत तरीके से conflated गुण और गुण, और है कि muddling है जो वे स्पष्ट रूप से 1.9 में तय किया गया है।

.attr() गुण प्राप्त करता है, जबकि .prop() को पुन: प्राप्त गुण। दोनों अलग-अलग चीजें हैं, और हमेशा आधिकारिक तौर पर (हालांकि डोम में अक्सर एक गुण के अनुरूप संपत्ति होती है)। यदि आपके पास <p whatever="value"> है, जहां whatever ब्राउज़र पहचानने योग्य विशेषता नहीं है, तो आप विशेषता का मूल्य प्राप्त करने के लिए .attr() का उपयोग करेंगे। .prop() अधिकतर ब्राउज़रों में पर भी सक्षम नहीं होगा।

जब आप परिणामी DOM संपत्ति पर ध्यान देते हैं, तो .prop() का उपयोग करें। जब आप वास्तविक HTML विशेषता विशेषता रखते हैं, तो .attr() का उपयोग करें। यह वास्तव में एक या/चीज नहीं है; आप दोनों एक ही कोड में उपयोग कर सकते हैं और ब्रह्मांड एक बार भी इंपोड नहीं करेगा (मान लीजिए कि आपने उन्हें सही तरीके से उपयोग किया है, वैसे भी)। :) बस उस समय का उपयोग करें जो उस समय के लिए उपयुक्त है जो आप कर रहे हैं, और टूटने वाली सामग्री को "बहिष्कृत" करने का प्रयास करना छोड़ दें।

Answer 3

.attr() केवल HTML विशेषताओं तक पहुंचता है, जबकि .prop() HTML तत्वों पर गुणों को पुनर्प्राप्त नहीं करेगा।

उदाहरण के लिए, SelectedIndex, टैगनाम, nodename, nodeType, ownerDocument, defaultChecked, और defaultSelected लिया गया और विधि .prop() के साथ स्थापित किया जाना चाहिए: दस्तावेज़ देखें। JQuery 1.6 से पहले, इन गुणों .attr() विधि के साथ पुनर्प्राप्त करने योग्य थे, लेकिन यह अटॉर्फ़ के दायरे में नहीं था। इनके पास समान गुण नहीं हैं और केवल गुण हैं।

http://jsfiddle.net/5REVP/

विशेष रूप से इस हिस्से:

http://api.jquery.com/prop/

Answer 4

मैं तुम्हारे लिए एक बेला तैयार करने की स्वतंत्रता ले लिया

<div id="example" style="padding:10px"></div> 

console.log("style"); 
var styleAttr = $("#example").attr("style"); 
console.log(styleAttr); // You get "padding:10px" 
var styleProp = $("#example").prop("style"); 
console.log(styleProp); // You get a CSSStyleDeclaration object 

"शैली" उदाहरण स्पष्ट रूप से पता चलता है कि एक विशेषता एक संपत्ति के समान नहीं है (कंसोल की जांच करें)।

पठनीयता, रखरखाव और पिछड़े (साथ ही आगे) संगतता के लिए आपको किसी भी कार्य के लिए सही तरीकों का उपयोग करना चाहिए, अन्यथा एक मौका है कि एक विधि आपके जैसा व्यवहार कर सकती है, जैसा कि यह होगा, .attr () विधि इसका एक उदाहरण है।

.attr() विधि तत्वों के गुण प्राप्त करने के लिए उपयोग किया जाता है, गुण SGML शब्द है जो तत्व टैग के अंदर मौजूद जानकारी को संदर्भित करता है, आप तत्वों का निरीक्षण करके आसानी से उस जानकारी को पढ़ सकते हैं।

• आप एक तत्व की "शैली" विशेषता मिलता है कि तुम क्या विशेष रूप से उस विशेषता में लिखा है के अलावा अन्य किसी भी जानकारी को नहीं मिलेगा।
• यदि आपको चेकबॉक्स की "चेक" विशेषता मिलती है तो आपको या तो "चेक" या "" प्राप्त होगा।

.prop() विधि तत्वों के DOM गुण प्राप्त करने के लिए उपयोग की जाती है।

• यदि आपको "शैली" संपत्ति मिलती है तो आपको स्टाइल एट्रिब्यूट में डिजाइनर ने क्या लिखा है, आपको तत्व के सभी वास्तविक सीएसएस गुण मिल रहे हैं।
• यदि आपको चेकबॉक्स की "चेक" संपत्ति मिलती है तो आपको सच या गलत मिलेगा।