jQuery_jqueryのtoggleClass()メソッドの使用例

この記事の例では、jQuery での toggleClass() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このメソッドは、一致する要素を追加または削除する 1 つ以上のクラスを切り替えます。
toggleClass() メソッドは、一致する要素内の指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。

文法構造 1:

コードをコピー コードは次のとおりです:

$(selector).toggleClass(class,switch)

クラスが存在する (存在しない) 場合は、クラスを削除 (追加) します。

パラメータリスト:

参数	描述
class	规定添加或删除的类。 如果需要添加多个类，使用空格间隔。
switch	可选。布尔值，为true则加上对应的class，否则就删除。

实例代码:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $("ボタン").click(function(){
    $("div").toggleClass("コンテンツ");
  })
})



さらに多くのコンテンツを追加

语法结构二:

复制代代码如下:

$(selector).toggleClass(function(index,class),switch )

関数の戻り値を切り替えクラスとして使用します。

パラメータリスト:

参数	描述
function(index,class)	函数定义返回需要添加或删除的一个或多个类名。 index - 可选，接受选择器的索引位置。 class - 可选，接受选择器的当前的类。
switch	可选。布尔值，为true则加上对应的class，否则就删除。

实例代码:

复制代 代码如下:

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
  $("ボタン").click(function(){
    $("div").toggleClass(function(){
      「コンテンツ」を返す
    });
  })
})



さらに多くのコンテンツを追加

ここで説明されている大規模な jQuery プログラムの設計が役立つことを望みます。