Lightning コンポーネント開発者ガイド
jスタイルの追加と削除
実行時にコンポーネントまたは要素の CSS スタイルを追加または削除できます。
コンポーネントのクラス名を取得するには、component.find('myCmp').get('v.class') (myCmp は aura:id 属性値) を使用します。
コンポーネントまたは要素の CSS クラスを追加または削除するには、$A.util.addClass(cmpTarget, 'class') および $A.util.removeClass(cmpTarget, 'class') メソッドを使用します。
コンポーネントのソース
CSS ソース
クライアント側コントローラのソース
このデモのボタンは、CSS スタイルを追加または削除するコントローラアクションに結び付けられています。CSS スタイルをコンポーネントに追加するには、$A.util.addClass(cmpTarget, 'class') を使用します。同様に、クラスを削除するには、コントローラで $A.util.removeClass(cmpTarget, 'class') を使用します。cmp.find() でローカル ID (このデモでは aura:id="changeIt") を使用してコンポーネントを特定します。
クラスの切り替え
クラスを切り替えるには、クラスを追加または削除する $A.util.toggleClass(cmp, 'class') を使用します。
cmp パラメータは、コンポーネントまたは DOM 要素の場合があります。
マークアップを動的に表示または非表示にする場合は、「マークアップの動的な表示または非表示」を参照してください。
コンポーネントの配列のクラスを条件に応じて設定するには、配列を $A.util.toggleClass() に渡します。