toggleClass(class|fn[,sw])

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

概述

如果存在（不存在）就刪除（添加）一個類。

參數(shù)

classStringV1.0

CSS類名

class,switchString,BooleanV1.3

1:要切換的CSS類名.

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

switchBooleanV1.4

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

function(index, class,switch)[, switch] Function,BooleanV1.4

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

2: 一個用來判斷樣式類添加還是移除的 boolean 值。

示例

參數(shù)class 描述:

為匹配的元素切換 'selected' 類

jQuery 代碼:

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

參數(shù)class,switch 描述:

每點擊三下加上一次 'highlight' 類

HTML 代碼:

<strong>jQuery 代碼:</strong>

jQuery 代碼:

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

回調函數(shù) 描述:

根據(jù)父元素來設置class屬性

jQuery 代碼:

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