Muatiririko wa jQuery CSS - method ya css()

Makala ya Mifano ya CSS ya jQuery

Mifano

Mingea rangia ya <p> elementi:

$(".btn1").click(function(){
  $("p").css("color","red");
});

Mfanye kwa mwenyewe

Uainishaji na matumizi

Method ya css() inarudia au inasababisha kipimo cha stili cha kiwango kipya kipya cha kina kinachofikirika.

Inarudia kiwango cha kipimo cha CSS

Inarudia kiwango cha kipimo cha CSS cha kiwango cha kwanza cha kina kina kinachofikirika.

Mwongozo:Hali ya kwanza, kipimo cha CSS cha kisa haukubadilika (kama "background" na "border").

$(selector).css(name)
Chaguo Maelezo
name Inayohitajika. Inasababisha jina la kipimo cha CSS. Parameter hii inaweza kuwa na kipimo cha CSS kwa ujumbe. Kama "color".

Mifano

Kupoa kiwango cha rangia ya color ya kichwa cha kitabu:

$("p").css("color");

Mfanye kwa mwenyewe

Mingea CSS kipimo

设置所有匹配元素的指定 CSS 属性。

$(selector).css(name,value)
Chaguo Maelezo
name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。
value

可选。规定 CSS 属性的值。该参数可包含任何 CSS 属性值，比如 "red"。

如果设置了空字符串值，则从元素中删除指定属性。

Mifano

将所有段落的颜色设为红色：

$("p").css("color","red");

Mfanye kwa mwenyewe

使用函数来设置 CSS 属性

设置所有匹配的元素中样式属性的值。

此函数返回要设置的属性值。接受两个参数，index 为元素在对象集合中的索引位置，value 是原先的属性值。

$(selector).css(name,function(index,value))
Chaguo Maelezo
name 必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性，比如 "color"。
function(index,value)

规定返回 CSS 属性新值的函数。

  • index - 可选。接受选择器的 index 位置
  • oldvalue - 可选。接受 CSS 属性的当前值。

实例 1

将所有段落的颜色设为红色：

$("button").click(function(){
    $("p").css("color",function(){return "red";});
    });

Mfanye kwa mwenyewe

实例 2

逐渐增加 div 的宽度：

$("div").click(function() {
  $(this).css(
    "width", function(index, value) {return parseFloat(value) * 1.2;}
  );
});

Mfanye kwa mwenyewe

设置多个 CSS 属性/值对

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

把“名/值对”对象设置为所有匹配元素的样式属性。

Hii inaonekana kwa kawaida kama jiko bora kwa kumaliza kina kina ya mawendo ya mtindo kwa kina kina.

Chaguo Maelezo
{property:value}

Inayohitajika. Inasababisha kuwa kiwango cha kina cha mawendo ya mtindo wa kina/kina. Inasababisha kuwa kiwango cha kina cha mawendo ya mtindo wa kina/kina.

Hakika inayotaka inaweza kuwa na wengi ya mawendo ya CSS ya kina/kina. Kwa mfano {"color":"red","font-weight":"bold"}

Mifano

$("p").css({
  "color":"white",
  "background-color":"#98bf21",
  "font-family":"Arial",
  "font-size":"20px",
  "padding":"5px"
  });

Mfanye kwa mwenyewe

Makala ya Mifano ya CSS ya jQuery