Introduction to jquery css

Document directory

• Operate CSS using jQuery
• JQuery size Method

Operate CSS using jQuery

• AddClass ()-add one or more classes to the selected Element
• RemoveClass ()-delete one or more classes from the selected Element
• ToggleClass ()-Adds or deletes the selected element to/from the switch operation.
• Css ()-sets or returns one or more style attributes of the selected element.

JQuery css () method

<1> return CSS attributes

Css ("propertyname ");

<2> set CSS attributes

Css ("propertyname", "value ");

<2.1> set multiple CSS attributes

Css ({"propertyname": "value", "propertyname": "value ",...});

JQuery size Method

JQuery provides an important way to process multiple dimensions:

• Width () sets or returns the width of an element (excluding the padding, border, or margin ).
• Height () sets or returns the height of an element (excluding the padding, border, or margin ).

  Settings: $ ("# div1"). width (500). height (500); more: $ (window/document). width/height;

• InnerWidth () returns the width (including the padding) of the element ).
• InnerHeight () returns the height of the element (including the padding ).
• OuterWidth () returns the width of the element (including the padding, border, and margin ).
• OuterHeight () returns the height of an element, including the padding, border, and margin ).