Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

60
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
Add the class baz and remove the class foo from the second paragraph in the example page using
the following code:
$("p.foo").toggleClass("foo baz");
Upon execution, the paragraph is modified and appears with the old class removed and the new one
added (see Figure 2-17).
Figure 2-17. The foo class is removed, and the baz class is added.
To revert to the original class of foo and remove baz, select the paragraph, and apply .toggleClass()
again:
$("p.baz").toggleClass("foo baz");
This results in the paragraph going back to having only one class: foo.
.hasClass()
The .hasClass() method works similarly to the .is() method in that it determines if a class exists on a
selected element and then returns either true or false. This makes it ideal for callback functions.
Check if the first paragraph has class foo, and conditionally output a message using the following:
var msg = $("p:eq(1)").hasClass("foo") ? "Found!" : "Nope!";
console.log("Class? "+msg);