jQuery 1.9.1 संपत्ति चयनकर्ता

Question

पृष्ठभूमि

jQuery 1.9 .attr(..) विधि नहीं रह गया है संपत्ति मूल्यों रिटर्न के रूप में, बजाय हम अब .prop(..) उपयोग करना होगा। दुर्भाग्य से यह भी एक गुण चयनकर्ता के माध्यम से निर्दिष्ट यानी $("input[value=]")

विशेषताओं पर लागू होता है http://jquery.com/upgrade-guide/1.9/#attr-versus-prop-

और .attr और .prop के बीच मतभेद पर एक अच्छा अतः चर्चा देखें:

.prop() vs .attr()

मेरी स्थिति

मैं वर्तमान में $("input[value=]") और $("select[value=]") जैसे चयन तत्वों का चयन करने वाले इनपुट तत्वों का चयन करने के लिए चयनकर्ताओं का उपयोग कर रहा हूं। बहरहाल, यह नहीं रह गया jQuery 1.9 के साथ काम करता है, के बजाय मैं अब कुछ इस तरह कर रहा हूँ:

var hasValue = function() { return !!($(this).val().length); }; 
var hasNoValue = function() { return !($(this).val().length); }; 
$("input").filter(hasValue); 
$("select").filter(hasValue); 

मेरे वास्तविक चयनकर्ताओं, एक छोटे से बड़े होते हैं के साथ या मूल्यों के बिना तो अब मैं विभाजित करने के लिए आ रही है एक से अधिक तत्वों की जाँच .filter (..) विधि के साथ कई चयनकर्ताओं में मेरी 1 चयनकर्ता स्ट्रिंग के बीच में कॉल करता है।

प्रश्न

वहाँ $("[value=]"), $("[value!=]") को एक बराबर है, $("[value='abc']") जो विशेषता के बजाय संपत्ति का उपयोग करता है? और यदि नहीं, तो .filter(hasValue) और .filter(hasNoValue) विधियों का उपयोग करने से एक क्लीनर तरीका है?

धन्यवाद

Answer 1

का उपयोग .filter एक ही रास्ता होने लगता है, लेकिन यह बहुत बुरा नहीं है और आप वास्तव में यह एक छोटे से अधिक सटीक बना सकते हैं .val का उपयोग करके:

$(":input").filter(function() { return $(this).val() === ""; }); 

यदि यह वास्तव में है कि निन्दनीय है आप के लिए, आप एक कस्टम चयनकर्ता बना सकते हैं।

$.expr[':'].emptyInput = function (elem) { 
    return $(elem).is(":input") && $(elem).val() === ""; 
}; 

http://jsfiddle.net/ExplosionPIlls/zaZPp/

संपादित करें: आप भी this.value बजाय $(elem).val() का उपयोग कर के साथ भाग प्राप्त करने में सक्षम हो सकता है।

Answer 2

upgrade guide के अनुसार:

हालांकि

, जब की तरह एक चयनकर्ता "इनपुट [मूल्य = एबीसी]" प्रयोग किया जाता है, यह हमेशा मूल्य विशेषता के आधार पर चयन करना चाहिए और नहीं द्वारा संपत्ति में किए गए परिवर्तन उपयोगकर्ता, उदाहरण के लिए एक पाठ इनपुट में टाइपिंग। JQuery 1.9 के रूप में, यह सही और लगातार व्यवहार करता है। JQuery के पहले संस्करण कभी-कभी संपत्ति का उपयोग करते थे जब उन्हें विशेषता का उपयोग करना चाहिए था।

तो यह आपके पहले प्रश्न का उत्तर देता है - प्रत्यक्ष समकक्ष नहीं है, बिंदु संपत्ति के बजाय विशेषता का उपयोग करना है।

आपका कोड ठीक लगता है, लेकिन यदि आप अधिक मानकीकृत और पुनः उपयोग करने योग्य बनना चाहते हैं तो आप एक अतिरिक्त फ़िल्टर बना सकते हैं। इसलिए जैसा:

(function($) { 
    $.expr[':'].hasValue = function(element) { 
     var $element = $(element); 
     return element.is(':input') && element.val(); 
    }; 
}(window.jQuery)); 

यह आपको उस तरह सामान का चयन करने के लिए अनुमति देगा:

// Select input elements with value and select elements without value. 
$('input:hasValue,select:not(:hasValue)'); 

और अन्य विभिन्न संयोजनों आप की जरूरत है।

Answer 3

मैं इस पर आया और बस एक और समाधान पोस्ट करना चाहता था, मैंने पाया कि कुछ परिस्थितियों में काम करता है जहां कुछ अन्य सुझाए गए समाधान उपयुक्त नहीं हैं। (आपके पिछले समाधान के रूप में केवल मूल्य सेट से काम करेंगे जब डोम प्रारंभ किया गया था, और शायद अपने पिछले समाधान की तुलना में बेहतर -

बस इस ईवेंट हैंडलर अपने कोड में जोड़ने

$('input').on('keyup', function(){ 
     var value = $(this).val(); 
     $(this).attr('value', value); 
    });