クラス名がパラメータとして含まれている場合、そのクラスのみが一致した要素のセットから削除されます。 パラメータにクラスが指定されていない場合は、すべてのクラスが削除されます。jQueryバージョン1.12/2.2より前では、.removeClass()
className
class
class
属性が更新され、最後のクラス名が削除された場合、ブラウザは属性を完全に削除するのではなく、属性の値を空の文字列 この動作の意味は、このメソッドが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" );
|
ここでは、myClass noClass yourClass .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> .
|
|