首頁(yè) > 屬性 > toggleClass(class|fn[,sw])

返回值:jQuerytoggleClass(class|fn[,sw])

jQuery toggleClass() 方法概述

如果存在（不存在）就刪除（添加）一個(gè)類(lèi)。

CSS類(lèi)名

1:要切換的CSS類(lèi)名.

2:用于決定元素是否包含class的布爾值。

用于決定元素是否包含class的布爾值。

1:用來(lái)返回在匹配的元素集合中的每個(gè)元素上用來(lái)切換的樣式類(lèi)名的一個(gè)函數。接收元素的索引位置和元素舊的樣式類(lèi)作為參數。

2: 一個(gè)用來(lái)判斷樣式類(lèi)添加還是移除的 boolean 值。

為匹配的元素切換 'selected' 類(lèi)

$("p").toggleClass("selected");

每點(diǎn)擊三下加上一次 'highlight' 類(lèi)

<strong>jQuery 代碼:</strong>

  var count = 0;
  $("p").click(function(){
      $(this).toggleClass("highlight", count++ % 3 == 0);
  });

根據父元素來(lái)設置class屬性

$('div.foo').toggleClass(function() {
  if ($(this).parent().is('.bar') {
    return 'happy';
  } else {
    return 'sad';
  }
});