A Smarter Way to Learn jQuery - Chapter 76 Exercises

Fill in the blank to select images whose width is 100 pixels.

$("img[width=______]")

'100'

^ *◘100◘ *$

Fill in the blank to select images whose width is 100 pixels.

$("img[_________]")

width='100'

^ *width=◘100◘ *$

Select images whose width is 100 pixels.

$("img[width='100']")

^ *\$$•img\[width=◘100◘\]•$ *$

Select inputs whose value is 'single'.

$("input[value='single']")

^ *\$$•input\[value=◘single◘\]•$ *$

5. Drag-and-drop: Holding down the left mouse button, drag the pieces of code onto the screen to make selected links open in a new window.

$("a[href='http://www.amazon.com']").attr("target", "_blank");

Select all list items in all unordered lists. Assign the class "inset" to them.

$("ul li").attr("class", "inset");

$`(`"`ul`1spaceli`"`)`.`attr`(`"`class`"`comma`1space"`inset`"`)`;

Select all links to loris.html

$("a[href='loris.html']")

Select all links to loris.html and change them to locust.html

$("a[href='loris.html']").attr("href", "locust.html");

^ *\$$•a\[href=◘loris\.html◘\]•$\.attr$•href•, •locust\.html•$; *$

Code the alternative to the following code.

$("p.primary")

$("p[class='primary']")

^ *\$$•p\[class=◘primary◘\]•$ *$

Select all images with a width of 100.

$("img[width='100']")

^ *\$$•img\[width=◘100◘\]•$ *$

Using the type of selector that you learned in this chapter, select paragraphs of a particular class and remove those paragraphs. Make up the class name.

$("p[class='expendable']").remove();

^ *\$$•p\[class=◘.+◘\]•$\.remove; *$

If an image has particular alternative text, size it 50 pixels high. Make up the alternative text.

$("img[alt='loris']").attr("height", "50");

^ *\$$•img\[alt=◘.+◘\]•$\.attr$•height•, •50•$; *$

Select all links to loris.html

$("a[href='loris.html']")

^ *\$$•a\[href=◘loris\.html◘\]•$ *$

Select all links to loris.html and change them to locust.html

$("a[href='loris.html']").attr("href", "locust.html");

^ *\$$•a\[href=◘loris\.html◘\]•$\.attr$•href•, •locust\.html•$; *$

Time goal: 25 seconds. Code the alternative to the following code.

$("p.primary")

$("p[class='primary']")

^ *\$$•p\[class=◘primary◘\]•$ *$

Select all images with a width of 100.

$("img[width='100']")

^ *\$$•img\[width=◘100◘\]•$ *$

Using the type of selector that you learned in this chapter, select paragraphs of a particular class and remove those paragraphs. Make up the class name.

$("p[class='expendable']").remove();

^ *\$$•p\[class=◘.+◘\]•$\.remove; *$

If an image has particular alternative text, size it 50 pixels high. Make up the alternative text.

$("img[alt='loris']").attr("height", "50");

^ *\$$•img\[alt=◘.+◘\]•$\.attr$•height•, •50•$; *$

http://jsfiddle.net/ASmarterWayToLearn/uukqyfcu/

http://jsfiddle.net/ASmarterWayToLearn/hs3ysekm/

A Smarter Way to Learn jQuery / Chapter 76 Exercises

Congratulations. You've successfully completed all the exercises for this chapter.

Comments? Email me.