jQuery | css（）方法

这个 JQuery 库几乎支持级联样式表（CSS）中包含的所有选择器。这个 css（） 方法 JQuery 用于更改选定图元的样式属性。这个 css（） 在JQuery中，可以以不同的方式使用。 css（）方法可用于检查所选元素属性的当前值：

语法：

$(selector).css(property)

返回值： 它将返回所选元素的属性值。

例1：

Input: $("p").css("color");Output: Output of the above input will return the rgb() value of the element.

代码#1：

输出： 在点击按钮之前-

点击按钮后-

css（）方法还用于添加或更改选定元素的属性。

语法：

$(selector).css(property, value)

返回值： 这将更改选定图元的属性值。

例2：

Input: $("p").css("color", "red");Output: Output of the "p" element becomes red whatever may be the color previously.

代码#2：

输出： 在点击按钮之前-

点击按钮后-

css（）方法可以使用函数更改选定元素的css属性：

语法：

$(selector).css(property, function(index, currentvalue))

返回值： 它将返回所选属性的更改值。

例3：

Input: $("p").css("padding", function(i){ return i+20;});Output: Output will get is the paragraph with padding value increases to "25px" whatever be the initial value.

代码#3：

输出： 在点击按钮之前-

点击按钮后-

在css方法的帮助下，我们还可以在JQuery中一次应用多个属性。

注意：在这个方法中，我们用camelCase写属性名。

语法：

$(selector).css({property:value, property:value, ...})

代码#4：

输出：

在点击按钮之前-

点击按钮后-