Errata

"8 inputs" should read "selected 8 inputs"


//"4 inputs" should be //"selected 4 inputs" as long as the next line is corrected to:
alert('selected ' + jQuery ... [notice the space after "selected"]


//"12 inputs" should be //"selected 12 inputs" as long as the next line is corected to:
alert('selected ' + jQuery ... [notice the space after "selected"]

Note from the Author or Editor:
Corrections to the code example:

Where the comments in the code say "8 inputs", "4 inputs", and "12 inputs" it should say "selected 8 inputs", "selected 4 inputs", and "selected 12 inputs".

In the code itself, the sections for 4 inputs and 12 inputs both need a space after selected, inside the quotes, like alert('selected '


Corrected code:
//searches within all form elements, using a wrapper for context, alerts "selected 8 inputs"
alert('selected ' + jQuery('input',$('form')).length + ' inputs');

//search with the first form element, using DOM reference as the context, alerts
//"selected 4 inputs"
alert('selected ' + jQuery('input',document.forms[0]).length + ' inputs');

//search within the body element for all input elements using an expression,
//alerts "selected 12 inputs"
alert('selected ' + jQuery('input','body').length + ' inputs');

A unmatched </li> tag is present on the last line of the code. Probably this can also be a typo.

Note from the Author or Editor:
In the code example in section 1.5, line 13 of the code:

&lt;a href="#"&gt;&lt;/a&gt;&lt;/li&gt;

Should be:

&lt;a href="#"&gt;&lt;/a&gt;

alert() text states "italic words", what is returned is the number of italic elements, <em>, that exist within the HTML document.

Note from the Author or Editor:
Because &lt;em&gt; tags could be wrapping groups of words, "italic words" in the code samples should be changed to "italic elements" or "italic sections". This change should be made in three places: at the end of the code sample on page 18 and in the two short code samples at the top of 19.

The line reads:
like to remove (e.g., jQuery('a')removeAttr('title')).
It should read:
like to remove (e.g., jQuery('a').removeAttr('title')).

Note from the Author or Editor:
"." missing before removeAttr

on page 50 we create the following code to add data to a span:


jQuery('span').data('something', 123);


on page 51 after creating the filter(:data) there are some suggestions
how to use the filter:

jQuery('div:data("something",123)');

jQuery('div:data(something)');

jQuery('div:data(something, "something else")');

in all cases It has to be "span" instead of "div".

Note from the Author or Editor:
On page 51, the three code examples in the middle should be

jQuery('span:data("something",123)');

jQuery('span:data(something)');

jQuery('span:data(something, "something else")');

Figure 3-6 does not match html on page 65

Note from the Author or Editor:
It looks like Figure 3-5 should go with Example 3.5 and Figure 3.6 is an out of date duplicate.

Example 3.4 appears to have no corresponding figure.

[Zeevro is on the right track here.]

But in this particular figure the outermost layer (read: the darkest grey] should be labeled "border" as outerHeight includes the border and the padding.

What had me stumped is the solid black line between the 'inner' padding and the 'outer' padding. It looked to me like the solid black line was the border when I think it is intended to be the separation between the padding and the border. Maybe a dotted line (or no line at all) would have been a better choice here.

The illustration in figure 6-2 on page 137 is inaccurate. It repeats the label "padding" twice. The outer "padding" should read "border".

(Note others here have also noticed the mistake, but have incorrectly asserted it should read "margin". The margin is not relevant to this example. If it were included, it would appear outside the outermost edge of the illustration. The second "padding" label definitely should read "border".)

Change
jQuery('body').removeClass('large small').addClass(size);
to
$body.removeClass('large small').addClass(size);

Change
$(document).ready(function () {
$('#animate').click(function () {
$('.box').show();
});
);

to

$(document).ready(function () {
$('#animate').click(function () {
$('.box').show();
});
});

The anonymous function inside the ready method had no closing curly bracket.

The book says
$parent = jQuery(this).parents();

It should be
$parents = jQuery(this).parents();

because next line is using $parents.

The 2nd static function call should be:

jQuery.pulse.warpspeed(jQuery('p:first'));

Under "Discussion," in the third paragraph, last sentence it says..."For example, if you?re expecting the server to return XML, then a value of xml would be appropriate"

but the code listing has:

dataType: 'html',


when it should read 'xml' or the copy should be changed.

Note from the Author or Editor:
Yes, it would make since to change the text to match the example.

"For example, if you?re expecting the server to return XML, then a value of xml would be appropriate"

Could be:

"For example, if you?re expecting the server to return HTML, then a value of html would be appropriate"