Voyeur.js - DOM के साथ काम करने के लिए एक छोटा और आकर्षक पुस्तकालय

शुभ दिन प्रिय हरजितेली। आज मैंने GitHub पर एक दिलचस्प परियोजना देखी। यह छोटा पुस्तकालय ( Voyeur.min.js - 1.2kb) इसकी वाक्य रचना और अच्छी कार्यक्षमता के लिए बहुत आकर्षक है।



आधिकारिक वेबसाइट से प्रलेखन का अनुवाद किए बिना, कोड को सहज रूप से समझा जा सकता है। परंपरा से, मैं कुछ उदाहरण दूंगा:

वस्तुओं के लिए खोजें

Voyeur.div.h1; // body>div>h1.   h1 Voyeur.div.h1.innerHTML = "Habrahabr"; // Voyeur.div.ul.li; //     Voyeur.find("#example"); //    Voyeur.find(".example"); //    Voyeur.find("#example").h1.em; // 

कॉलबैक फ़ंक्शन

Voyeur.tag ... उपयोग (कॉलबैक (तत्व)) रूट HTMLElement

 Voyeur.div.ul.li.use(); //   div Voyeur.div.ul.li.use(function(li, i) { //     li.innerHTML = "List item #" + i; }); Voyeur.div.ul.use(function(ul) { ul.style.background = "blue"; //    li ul.li; //.. }); 

तत्वों का निर्माण

मल्लाह

 Voyeur.create.div; //   div Voyeur.create.div.h1; //   h1   div Voyeur.create.div.h1.em; // Voyeur.create.ul.li.mult(10).use(function(li, i) { //  10  li li.innerHTML = "Created list items!"; // }); //Voyeur.tag...eq( begin , end ) HTMLElement|Array Voyeur.create.ul.li.mult(10).eq(7).innerHTML = "The 8th item."; Voyeur.ul.li.eq(2, 6).use(function(li, i) { li.create.em.innerText = "!"; }); 

आपका ध्यान के लिए बहुत बहुत धन्यवाद!