jQuery 获取并设置 CSS 类

通过 jQuery，可以很容易地对 CSS 元素进行操作。

jQuery 操作 CSS

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：

  • addClass() - 向被选元素添加一个或多个类
  • removeClass() - 从被选元素删除一个或多个类
  • toggleClass() - 对被选元素进行添加/删除类的切换操作
  • css() - 设置或返回样式属性

Mfano wa Mfano wa Kifaa cha Kifaa

Mfano hii itakadhibiti kuhakikisha kama hivi inatumika kwa kina cha kina cha kina zote ya wiziwa:

.important
{
font-weight:bold;
font-size:xx-large;
}
.blue
{
color:blue;
}

jQuery addClass() method

Mfano hii itakadhibiti kuhakikisha kama hivi inatumika kumekadiri kiklasa kwa kiwango cha kina cha kina: kwa hayo, pia unaweza kuchagua kiwango cha kina cha kina:

Mfano

$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});

Tafadhali tukiongezea kwa kina

Wewe pia unaweza kumekadiri kiklasa kwa method ya addClass():

Mfano

$("button").click(function(){
  $("#div1").addClass("important blue");
});

Tafadhali tukiongezea kwa kina

jQuery removeClass() method

Mfano hii itakadhibiti kuhakikisha kama hivi inatumika kumachia kiwango cha kina cha kina:

Mfano

$("button").click(function(){
  $("h1,h2,p").removeClass("blue");
});

Tafadhali tukiongezea kwa kina

jQuery toggleClass() method

Mfano hii itakadhibiti kuhakikisha kama hivi inatumika jQuery toggleClass() method. Hii inafanya kufungua/kuondoa kiklasa kwa kiwango cha kina cha kina:

Mfano

$("button").click(function(){
  $("h1,h2,p").toggleClass("blue");
});

Tafadhali tukiongezea kwa kina

jQuery css() method

Tutakuliza kwenye kitabu cha kifo kina ya jQuery css() method.

jQuery HTML Mwongozo wa Kifaa

Kwa sababu ya kumwambia kina ya juu ya jQuery CSS, tafadhali nia nje jQuery CSS Mwongozo wa Kifaa