SimpleSelector $$() – JavaScript DOM selector
De SimpleSelector is een eenvoudig JavaScript DOM selector, die de meest gebruikte selectors ondersteund. Enkele voordelen zijn:
- zeer compact (~1.2kb min)
- makkelijk te gebruiken met $$()
- geen overhead, geen functies die je nauwelijks gebruikt
- ideaal voor kleinere websites
Hoe werkt het?
De elementen kunnen opgevraagd met de $$() functie. Deze functie heeft 2 parameters: selector en optioneel de context.
$$( selector )
DOM elementen opvragen m.b.v. ID, tagName of className:
el = $$('#wrap'); // by id
els = $$('.special'); // by className
els = $$('p'); // by tagName
Meerdere selectors gebruiken gescheiden door de komma, vb:
els = $$('#wrap, .special, p');
Zoek naar elementen die afstammelingen zijn van andere elementen, vb:
els = $$('body p span');
// is similar to:
els = $$('span', 'body p');
// or:
els = $$('p span', 'body');
$$( selector, context )
Geef de context aan waarbinnen de elementen moeten worden gezocht, vb:
els = $$('p', '#wrap');
els = $$('p', '#wrap, .special, p'); // context as string with mulitple selectors
De context hoeft geen string zijn, maar mag ook één of meerdere elementen zijn, vb:
els = $$('span', wrapNode); // context as DOM node
els = $$('span', [ node1, node2, node3 ]); // context as array of DOM nodes
API
- $$( selector, [context] ) alias for SimpleSelector.select
- SimpleSelector.select( selector, [context] )
- SimpleSelector.isDescendant( descendant, ancestor )
- SimpleSelector.itemExists( arr, item )
- SimpleSelector.clearDuplicates( arr )
Download
Je kan de laatste versie downloaden van Github.
Browser Support
Getest in IE6+, FF, Opera, Chrome and Safari (voor Windows).
Licentie
Code valt onder de MIT licentie.
Gerelateerde artikelen
Nog geen reacties
RSS
LinkedIn
Twitter
