JQuery CSS Operations

JQuery CSS Operations

JQuery has three important functions for working with CSS:

• $ (selector). CSS (Name,value)
• $ (selector). css ({properties})
• $ (selector). CSS (name)

Examples of CSS operations

The function css (name,value) sets the value for a given CSS property for all matching elements:

Instance

$ (selector). CSS (Name,value) $ ("P"). CSS ("Background-color", "Red");

View examples

The function css ({properties}) also sets values for a series of CSS properties for all matching elements:

Instance

$ (selector). css ({properties}) $ ("P"). css ({"Background-color": "Red", "font-size": "200%"});

View examples

The function CSS (name) returns the value of the specified CSS property:

Instance

$ (selector). CSS (name) $ (this). CSS ("Background-color");

View examples

JQuery Size operation

JQuery has two important functions for size operation:

• $ (selector). Height (value)
• $ (selector). Width (value)

Size Operation Instance

The function height (value) sets the height of all matching elements:

Instance

$ (selector). Height (value) $ ("#id100"). Height ("200px");

The function width (value) sets the widths of all matching elements:

Instance

$ (selector). Width (value) $ ("#id200"). Width ("300px");

JQuery CSS functions-from this page

CSS Properties	Description
$ (selector). CSS (Name,value)	Set the value of a style property for a matching element
$ (selector). css ({properties})	To set multiple style properties for a matching element
$ (selector). CSS (name)	Gets the style attribute value of the first matching element
$ (selector). Height (value)	Set the height of the matching element
$ (selector). Width (value)	Set the width of a matching element

JQuery CSS Operations