What is the difference between jquery css() and attr()-Front-end Q&A-php.cn

Difference: attr() mainly operates on the attributes of elements (related to Html tags), such as the src attribute and alt attribute of img, the href attribute of a link, etc.; while css() modifies The attributes in the style (related to style) are the attributes in the style.

What is the difference between jquery css() and attr()

The operating environment of this tutorial: windows7 system, jquery1.10.0 version, Dell G3 computer.

There are two methods: attr() and css() in jquery:

attr is the abbreviation of attribute, which means label attribute. css is style, which means the style of the element.

jquery attr() method

attr() method sets or returns the attributes and values of the selected element.

When this method is used to return an attribute value, the value of the first matching element is returned.

When this method is used to set attribute values, one or more attribute/value pairs are set for the matching element.

Syntax

Return the value of the attribute:

$(selector).attr(attribute)

Copy after login

Set the attribute and value:

$(selector).attr(attribute,value)

Copy after login

attribute: Specifies the name of the attribute.

value: Specifies the value of the attribute.

jquery css() method

css() method returns or sets one or more style attributes of the matched element.

Returns the CSS property value of the first matching element.

Note: Shorthand CSS properties (such as "background" and "border") are not supported when used to return a value.

$(selector).css(name)

Copy after login

name: required. Specifies the name of the CSS property. This parameter can contain any CSS property. For example "color".

The difference between attr() and css() in jquery

attr() in jquery is to obtain/modify the attributes and values of elements ( Related to Html tags); css() is to obtain/modify the style attributes of elements (related to style).

attr() mainly operates on the attributes of elements, such as the src attribute and alt attribute of img, the href attribute of a link, etc.;

css() modifies the style. Attributes are the attributes in style.

The former can modify the src attribute of, the href attribute of, and the title attribute of. However, the latter does not work. It can only modify style-related features.

So, the latter is a subset of the former, and only operates on the specific attribute of style.

Example:

HTML

Hello

Copy after login

Javascript

Copy after login

Summary

css() method is to get/modify style attributes (related to style);

attr() is to get/modify attributes of elements (related to Html tags) ) method;

attr() and css() operate on style both for inline styles.

style is also an attribute of the element, and attr() can also operate on it, so functionally css() can be regarded as a subset of attr().

attr() operation returns string, and css() operation returns object.

The above is the detailed content of What is the difference between jquery css() and attr(). For more information, please follow other related articles on the PHP Chinese website!