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

54
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
>>> $("p:eq(3)").attr("id");
"bar"
Next, change the ID attribute of the last paragraph to "bat" using this code:
$("#bar").attr("id", "bat");
After execution, the following displays in the console:
>>> $("#bar").attr("id", "bat");
[ p#bat ]
Now, if you try to select elements with an ID of bar, an empty result set is returned:
>>> $("#bar");
[ ]
However, you can now select a paragraph element with an ID of bat:
>>> $("#bat");
[ p#bat ]
Additionally, multiple attributes can be set using JSON format:
$("p:eq(3)").attr({
"id":"baz",
"title":"A captivating paragraph, isn't it?"
});
After executing this code, the HTML panel of Firebug reveals that the paragraph’s markup has been
changed:
.removeAttr()
To remove an attribute, simply call .removeAttr() on the element from which you wish to remove the
attribute and pass the attribute’s name.
Enable the check box in the sample form by removing the disabled attribute:
$(":checkbox").removeAttr("disabled");
After executing this code, the check box can now be checked and unchecked at will.