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

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

このメソッドは、一致する要素から 1 つ以上のクラスを削除します。
さまざまなメソッドパラメータに応じて、次の構文構造があります。

文法構造 1:
メソッドにはパラメーターがありません。一致する要素からすべてのクラスを削除します。

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

$(selector).removeClass()

コード例:

このコードは、div のすべての CSS クラスを削除できます。

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

<頭>





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

スクリプト ホームへようこそ

クリックして効果を確認してください

文法構造 2:

指定されたクラスを一致する要素から削除します

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

$(selector).removeClass(class)

参数	描述
class	一个或多个要删除的CSS类名。类名之间用空格分隔。

コード例:

例 1:

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

<頭>





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

スクリプト ホームへようこそ

クリックして効果を確認してください

指定されたクラスを削除します。

例 2:

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

<頭>





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

スクリプト ホームへようこそ

クリックして効果を確認してください

クラス名の間をスペースで区切った 2 つの CSS クラスを削除します。

文法構造 3:

コードをコピーします コードは次のとおりです。

$(selector).removeClass(function(index,oldclass) ))

この関数は、削除するクラス名を返します。

パラメータリスト:

参数	描述
function(index,oldclass)	方法返回一个或多个空格分隔的要被移除的class名。 index - 可选，接受选择器的index 位置。 oldclass - 可选，接受选择器的原有类值。

コード例:

例 1:

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

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("div").removeClass(function(){
"フォント" を返す });
});
})

スクリプト ホームへようこそ

クリックして効果を確認してください

関数をパラメータとして使用すると、関数は削除する CSS クラス名を返します。

例 2:

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

<頭>





<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("ボタン").click(function(){
$("div").removeClass(function(){
"フォント背景" を返します
});
});
})

スクリプト ホームへようこそ

クリックして効果を確認してください

関数をパラメータとして使用すると、関数は削除する 2 つの CSS クラス名をスペースで区切って返します。