【jQuery】addClassに配列が使えるようになった
jQuery3.3.1がリリースされていた(!)
既に1ヶ月以上前の話ですが、
クラスを操作するメソッドに配列が使えるようになったらしいので
試してみました。
jQuery 3.3.1
3.3.0のリリースでは問題が発生したので、3.3.1が推奨されています。
The .addClass(), .removeClass(), and .toggleClass() methods now accept an array of classes.
jQuery3.3.1 配列でクラス付与
See the Pen jquery3.3.1/addClass/array by kayukihashimoto (@kfunnytokyo) on CodePen.
ちゃんと2つのクラスが付与されています。
記述した順番に付与されているので、
blue
に当てたcssが適応されていますね。
やったね!
jQuery3.2.1 配列でクラス付与
See the Pen jquery3.2.1/addClass/array by kayukihashimoto (@kfunnytokyo) on CodePen.
念のため、違うver.(3.2.1)でも試してみます。
もちろん、クラスは付与されません。
jQuery3.3.1 クラス付与
See the Pen jquery3.3.1/addClass by kayukihashimoto (@kfunnytokyo) on CodePen.
一度に複数のクラスを付与するなら、わざわざ配列にしなくても、
スペース区切りで指定してあげれば良いですよね。
jQuery3.2.1 変数に入れた配列でクラス付与
See the Pen jquery3.3.1/addClass/array/variable by kayukihashimoto (@kfunnytokyo) on CodePen.
例えば、別で管理している配列があれば、
変数でクラスの付与が出来ますね。
頭の隅に置いておこう〜。
おわり!
Author And Source
この問題について(【jQuery】addClassに配列が使えるようになった), 我々は、より多くの情報をここで見つけました https://qiita.com/kfunnytokyo/items/4d0ed1f92f852b8b9ec7著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .