複数の処理を続けて記述

セレクターで要素を選択し、作成したjQueryオブジェクトに対し、複数の処理を続けて記述することもできる。

構文

jQuery( セレクター ) . 処理 . 処理;

もしくは、「jQuery」の部分を、「jQuery」のエイリアス(別名)である「$」に置き換え、

$( セレクター ) . 処理 . 処理;

とすることもできる。この書き方が一般的だ。

サンプルコード

を使い、id属性で選択した要素内のテキストと色を指定。

jQuery( '#sampleId' ) . text( 'サンプル' ) . css( 'color', 'red' );
$( '#sampleId' ) . text( 'サンプル' ) . css( 'color', 'red' );

上記コードは、id属性が「sampleId」である要素内のテキストを「サンプル」にし、文字色を赤色にする。

スポンサード リンク

カテゴリー: JavaScript, jQuery, チュートリアル パーマリンク