This article explains how to use jQuery to obtain and operate the attributes and CSS styles of elements. The distinction between DOM attributes and element attributes is worth learning.
I. Summary
This article explains how to use jQuery to obtain and operate the attributes and CSS styles of elements. The distinction between DOM attributes and element attributes is worth learning.
Ii. Preface
We have been able to fully control the jQuery packaging set through the previous chapters, whether by selecting an object through the selector, or deleting from the packaging set, filter elements. this chapter describes how to use jQuery to obtain and modify element attributes and styles.
3. differentiate DOM attributes and element attributes
An img Tag:
Generally, developers are used to calling id, src, alt, and other "attributes" of this element ". I call it "element attribute ". however, when parsed to a DOM object, the actual browser will finally parse the tag element into a "DOM object" and store the "element attribute" of the element as "DOM attribute ". the two are different.
Although we have set the relative path of the element src: images/image.1.jpg
However, in the "DOM attribute", it is converted to an absolute path: http: // localhost/images/image.1.jpg.
Even some "element attributes" and "DOM attributes" have different names. For example, the above element attribute class corresponds to the className after being converted to the DOM attribute.
Remember, in javascript, we can directly get or set the "DOM attribute ":
The Code is as follows:
