Advanced attribute manipulation
By now we are very used to getting and setting values that are associated with DOM elements. We have done this with simple methods like .attr(), .prop()
, and .css()
, convenient shorthands such as .addClass()
, .css()
, and
.val(), and complex bundles of behavior such as .animate()
. Even the simple methods, though, do quite a bit of work for us behind the scenes. We can get yet more utility out of them if we better understand what they do.
Shorthand element creation
We often create new elements in our jQuery code by providing an HTML string to the $() function or to DOM insertion functions. For example, we create quite a large HTML fragment in Listing 12.9. This technique is fast and concise. There are circumstances when it is not ideal, however: we might, for instance, want to escape special characters from text before it is used, or apply style rules that are browser-dependent. In these cases, we could create the element and then chain on additional jQuery...
