What is the difference between css() and addclass() in jQuery?

Difference: 1. css() is more flexible than addclass(). css() can easily and dynamically change the attributes of a style; 2. addClass() cannot obtain the style value of the specified style. , and css() can obtain it; 3. The style attributes set by css() have a higher priority than addClass().

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

The difference between css() and addclass()

##Maintainability:

. The essence of addClass() is to add one or more classes to an element by defining the style rules of a class class. The css method is to change the style of elements through a large amount of JavaScript code

Through .addClass(), we can set unified rules for the same elements in batches, which is more convenient to change and can be modified and deleted uniformly. If you use the .css() method, you need to specify that each element must be modified one by one, and future maintenance must also be modified one by one, which is more troublesome

Flexibility:

Through the .css() method, it is easy to dynamically change the attributes of a style, without the need to cumbersomely define class rules. Generally speaking, when the layout rules are not determined, the dynamically generated HTML code structure is processed through the .css() method

Style value:

The essence of .addClass() is only for adding and deleting classes. It cannot obtain the value of the specified style attribute. .css() can obtain the specified style value.

Priority of styles:

CSS styles have priority. When the same style rule for external style, internal style and inline style is applied to the same element, the priority is as follows

外部样式 < 内部样式 < 内联样式

• . The addClass() method is by adding the class name, then this style is defined first in the external file or internal style, and waits until When needed, attach it to the element

• The inline style is processed through the .css() method, which is directly attached to the element through the style attribute of the element

The style attributes set by the

.css method have a higher priority than the .addClass method

##Summary ：.addClass and .css methods have their own pros and cons. Generally, they are static structures and both determine the layout rules. You can use the addClass method to add unified class rules

If it is a dynamic HTML structure, if the rules are uncertain or change frequently, the .css() method is generally considered.

Related video tutorial recommendations:

jQuery Tutorial

(Video)

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