5 उपयोगी jQuery एपीआई तरीके आप के बारे में पता नहीं हो सकता है

इस लेख में मैं उन पाँच jQuery तरीकों के बारे में बात करूँगा जो मुझे अपने लिए उपयोगी लगे और जो, मेरी टिप्पणियों के अनुसार, कम ही लोग जानते हैं।

मैं लगभग दो वर्षों से jQuery के साथ काम कर रहा हूं, लेकिन हाल ही में जब तक मैंने इन विधियों का उपयोग नहीं किया, तब से आप उनके बिना कर सकते हैं। लेकिन यह उनके साथ बहुत आसान हो सकता है।

jQuery.grep ()

jQuery.grep(array, function(elementOfArray, indexInArray) [, invert]) - जैसा कि आप नाम से अनुमान लगा सकते हैं, विधि फ़ंक्शन के परिणाम के आधार पर एरे के तत्वों को फ़िल्टर करती है (मूल सरणी नहीं बदलती)। JQuery में भी एक समान .filter() विधि है जो पाए गए तत्वों के सेट को फ़िल्टर करने के लिए कार्य करता है।

उदाहरण

आपको सरणी से केवल 3 के गुणकों का चयन करना होगा:

 var arr = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]; console.log($.grep(arr, function(el){ return el % 3 === 0 })); // [3, 6, 9, 12, 15] 

.map ()

.map( callback(index, domElement) ) - यह विधि उपयोगी है कि यह चयनित तत्वों या एरे को बिना चक्र लिखे बदलाव के लिए संभव बनाता है (सरणियों के लिए आपको jQuery.map() का उपयोग करने की आवश्यकता है)।
यदि फ़ंक्शन शून्य या अपरिभाषित लौटता है, तो तत्व को अनदेखा किया जाएगा।

उदाहरण

हम पृष्ठ के सभी लिंक के पते प्रदर्शित करते हैं:

 var links = $('a').map(function(el){ return this.href; }).get().join("\n"); console.log(links); 

jQuery.proxy ()

jQuery.proxy( function, context ) - यदि आपको कॉलबैक पास करने की आवश्यकता है, तो उपयोगी हो सकता है, लेकिन इसके लिए अपना संदर्भ सेट करें ( this चर का मूल्य)।

उदाहरण

 var myObj = { message: 'hello', alertMessage: function(){ //  this    myObj, //    ,    alert(this.message); return false; } }; $('a').click($.proxy(myObj.alertMessage, myObj)); 

.प्रोप ()

.prop( propertyName, value ) - यह विधि 1.6 संस्करण में दिखाई दी और मैं लगभग एक ही समय से इसका उपयोग कर रहा हूं। लेकिन मैंने इसका उल्लेख यहां करने का फैसला किया क्योंकि तत्वों के गुणों तक पहुंचने और उनके मूल्यों को संशोधित करने के लिए कई लोग गलती से .attr() विधि का उपयोग करते हैं।
तथ्य यह है कि संस्करण 1.6 .attr() सीधे तत्व की विशेषता के साथ काम करता है और कुछ मामलों में परिणाम काफी अपेक्षित नहीं है।
उदाहरण के लिए, यदि हम चेकबॉक्स की स्थिति का पता लगाना चाहते हैं, तो .attr() अपना डिफ़ॉल्ट मान (जो HTML पृष्ठ के स्रोत कोड में दिखाई देता है .attr() कर सकता है। इस मामले में, हमें .prop() पद्धति का उपयोग करने की आवश्यकता है - यह तत्व संपत्ति के वर्तमान मूल्य को वापस कर देगा।

उदाहरण

पृष्ठ पर सभी चेकबॉक्स उलटे करें:

 $('input').prop('checked', function(el, oldVal){ return !oldVal; }); 

.serializeArray ()

.serializeArray() सरणी या स्ट्रिंग (इस मामले में, उपयोग .serialize() ) के रूप में प्रपत्र डेटा को क्रमबद्ध करने का एक बहुत ही सरल तरीका है। विधि एक सरणी देता है, जो तब उदाहरण के लिए सर्वर से अजाक्स के माध्यम से प्रेषित किया जा सकता है।

उदाहरण

 var arr = $('#myForm').serializeArray(); //  arr    {name: "field-name", value: "field-value"}