This document discusses Mootools selectors and provides examples of how to use them. It explains how to select a single element with $, multiple elements with $$, and attribute selectors using operators like =, *=, ^=, $=, !=, ~=, and |=. It also includes references for more documentation on Mootools selectors.

1. Mootools Selectors
By: Arif Mahmud Rana
Web Developer Technobd

2. $
var myElement = $(el);
Examples
var myElement = $('myElement');
var div = document.getElementById('myElement');
div = $(div);

3. $$
var myElements = $$(aTag[, anElement[,
Elements[, ...]);
Examples
$$('a', 'b');
$$('#myElement a.myClass');
$$(myelement1, myelement2, 'a', '#myid, #myid2,
#myid3', document.getElementsByTagName('div'));

4. Attribute Selectors
'=' : is equal to($$(‘id=“elementId”'))
'*=': contains($$(‘title=“bd”'))
'^=' : starts-with($$(‘title^=“bd”'))
'$=' : ends-with($$(‘title$=“bd”'))
'!=' : is not equal to($$(‘id!=“elementId”'))
'~=' : contained in a space separated list
($$(‘id!=“elementId”'))
'|=' : contained in a '-' separated list
($$(‘id|=“elementId”'))

5. Q & A

6. Thanks

7. Reference
• http://mootools.net/docs/core125/core/Element
/Element#dollar
• http://mootools.net/docs/core125/core/Element
/Element#dollars
• http://mootools.net/docs/core125/core/Utilities/
Selectors
• http://solutoire.com/2007/09/20/understanding-
mootools-selectors-e-and-es/
And Google off course