toggleClass(class|fn[,sw])

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

概述

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

參數(shù)

classStringV1.0

CSS類名

class,switchString,BooleanV1.3

1:要切換的CSS類名.

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

switchBooleanV1.4

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

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

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

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

示例

參數(shù)class 描述:

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

jQuery 代碼:

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

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

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

HTML 代碼:

<strong>jQuery 代碼:</strong>

jQuery 代碼:

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

回調(diào)函數(shù) 描述:

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

jQuery 代碼:

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