What's the Difference in jQuery Selectors?

Question

Here's a list of selectors I've seen before:

1. $('.menu')
2. $('menu')
3. $('#menu')

Could anyone clarify in what scenario(s) each would be used?

Answer 1

1. $('.menu') ... select elements with class='menu'

2. $('menu') ..... select <menu /> elements

3. $('#menu') ... select an element with id='menu'

Answer 2

1st finds <div class="menu"></div>

2nd finds <menu></menu>

3rd finds <div id="menu"></div>

Note that these rules applies and are based on CSS.