The next several exercises are timed. If you type slowly or dislike time pressure, feel free to increase the allotted time.
It's fun to begin a coding book, but most learners struggle to stick with it. If you want my help to keep going, read this essay that I wrote for you.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19
0
0
0
| What character alerts the program that jQuery code follows? | $ | ^ *\$ *$ | |
| Type the characters that comprise the jQuery selector in the statement below. | $("img").hide(); | $("img") | ^ *\$\(•img•\) *$ |
| Type the characters that comprise the jQuery method in the code below. (Don't type the dot and semicolon.) | $("img").hide(); | hide() | ^ *\.?hide\(\);? *$ |
| Type the character that separates the selector from the method | . | ^ *\. *$ | |
| 5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to hide all images on the page | $("img").hide(); | ||
| Code the jQuery selector for all divs. | $("div") | $`(`"`div`"`) | |
| Hide all paragraphs. | $("p").hide(); | ||
| Code the selector for all h2 headings. | $("h2") | ^ *\$\(•h2•\) *$ | |
| Code the selector for an element of your choice. | $("div") | ^ *\$\(•.*•\) *$ | |
| A method you haven't learned yet is show(), the opposite of hide(). Code a statement that shows all images. | $("img").show(); | ^ *\$\(•img•\)\.show\(\); *$ | |
| Code the selector that selects all h3 headings and all paragraphs. | $("h3, p") | ^ *\$\(•h3, p•\) *$ | |
| Select any three elements of your choice and hide them. | $("h3, h4, p").hide(); | ^ *\$\(\•.*, .*, .*\•\)\.hide\(\); *$ | |
| Hide all paragraphs. | $("p").hide(); | ^ *\$\(•p•\)\.hide\(\); *$ | |
| Code the selector for all h2 headings. | $("h2") | ^ *\$\(•h2•\) *$ | |
| Code the selector for an element of your choice. | $("div") | ^ *\$\(•.*•\) *$ | |
| A method you haven't learned yet is show(), the opposite of hide(). Code a statement that shows all images. | $("img").show(); | ^ *\$\(•img•\)\.show\(\); *$ | |
| Code the selector that selects all h3 headings and all paragraphs. | $("h3, p") | ^ *\$\(•h3, p•\) *$ | |
| Select any three elements of your choice and hide them. | $("h3, h4, p").hide(); | ^ *\$\(\•.*, .*, .*\•\)\.hide\(\); *$ | |
| http://jsfiddle.net/ASmarterWayToLearn/jfo6qL6g/ | |||
| http://jsfiddle.net/ASmarterWayToLearn/vt4v8wg7/ |