SimpleSelector $$() – JavaScript DOM selector
De SimpleSelector is een eenvoudig JavaScript DOM selector, die de meest gebruikte selectors ondersteund. Enkele voordelen zijn:
- zeer compact (~1kb 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
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
