.removeClass()

クラス名がパラメータとして含まれている場合、そのクラスのみが一致した要素のセットから削除されます。 パラメータにクラスが指定されていない場合は、すべてのクラスが削除されます。jQueryバージョン1.12/2.2より前では、.removeClass()classNameclassclass属性が更新され、最後のクラス名が削除された場合、ブラウザは属性を完全に削除するのではなく、属性の値を空の文字列 この動作の意味は、このメソッドがHTML DOMセマンティクスを持つ文書に対してのみ機能することでした(純粋なXML文書ではありません)。jQuery1.12/2.2では、SVGを含むXMLドキュメントのサポートを改善するために、この動作が変更されました。 このバージョンから、代わりにclass.removeClass()はXMLまたはSVGドキュメントで使用できます。

一致した要素のセットから、スペースで区切られた複数のクラスを一度に削除することができます。

1
$( "p" ).removeClass( "myClass yourClass" )
$( "p" ).removeClass( "myClass yourClass" )
1
$( "p" ).removeClass( "myClass yourClass" )
このメソッドは、.addClass()

要素のクラスを次のように切り替えるために、

このメソッドは、多くの場合、.addClass():

1
$( "p" ).removeClass( "myClass noClass" ).addClass( "yourClass" );

ここでは、myClassnoClassyourClass.attr( "class", "newClass" )を使用できます。jQuery1.4以降、.removeClass()メソッドを使用すると、関数を渡すことによって削除するクラスを示すことができます。

1
2
3
$( "li" ).last().removeClass(function() {
return $( this ).prev().attr( "class" );
});

This example removes the class name of the penultimate <li> from the last <li>.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です