J2 Selector Easy Table

Key points for jQuery....

Need to first load a specific jQuery versions using a CDN
The jQuery object is then available, it uses the identifier name $.
When used in an identifier, $ is treated as a letter, but it is reserved for special purposes.
Other typical identifiers (aka variable names) are: myHightlight, bg, fg, $, str, border.
A jQuery call consists of the $( jQuerySelector ).methodName
Where the jQuerySelector is a string based on standard CSS3 selectors
Basic CSS selectors can be a tag name such as li, ul, body, etc.
CSS selectors can also reference the HTML id attribute of a tag using #idName
CSS selectors can also reference a group of tags, using the HTML class atrribute using .className

For J2, complete this webpage by filling in the blank cells in the next table..

	Description	Test Button
1	Select the ul tag
2	Select li tags
3	Select th tags
4	Select tr tags
5	select class="jQuery"
6	Select id="cdn"
7	Select id="jQueryObject"
8	Select id="classSelector"
9
10
11
12	contains text HTML - first pages of PDF first 59 Pages.

To complete the table create the test buttons for items 2 to 8 and fill in the description for items 9 to 11. You may need to click twice to see the effect, the myHighlight function works as a toggle.

You can use the corresponding jsFiddle, for help.