jQuery css() Part2 - CodeGK

Δ Jquery Examples

Selectors

Element Selector in jQuery Class Selector in jQuery Id Selector in jQuery

Set

jQuery set html()jQuery set text()jQuery set val()jQuery set attr()

Ancestors

jQuery parent()jQuery parents()jQuery parentsUntil()

Get

jQuery get html()jQuery get text()jQuery get val()jQuery get attr()

Slide

jQuery slideDown()jQuery slideUp()jQuery slideToggle()

Events

jQuery click()jQuery dblclick()jQuery mouseenter()jQuery mouseleave()jQuery hover()jQuery focus()jQuery blur()jQuery on()

Hide_and_show

jQuery Hide jQuery Show jQuery Toggle

Remove

jQuery remove()jQuery empty()

Animate

jQuery animate() Single Animation jQuery animate() Functional Animation jQuery animate() Pre-Defined Attribute Animation

Css_classes

jQuery addClass()jQuery removeClass()jQuery toggleClass()jQuery css() Part1 jQuery css() Part2

Dimensions

jQuery width()jQuery height()jQuery innerWidth()jQuery innerHeight()jQuery outerWidth()jQuery outerHeight()

Fade

jQuery fadeOut()jQuery fadeIn()jQuery fadeToggle()jQuery fadeTo()

Add

jQuery append()jQuery prepend()jQuery after()jQuery before()

♦ jQuery css() Part2

♣ Example4: jQuery css() Part2

Below is the representation of css() multi-property Syntax.

Basic Syntax

css({"property_name_1":"property_value_1","property_name_2":"property_value_2", "property_name_3":"property_value_3", ...});

Syntax Explanation:

property_name_1, property_name_2, property_name_3, .. : properties to be styled for HTML elements
property_name_1, property_name_2, property_name_3, .. : values of properties, are totally same as css styling values

In this example, multi-property jQuery css() methods is illustrated.

Example

Input:

Output:

Css_classes