b00k.jp ~積み上げ式読書ノート~

【jQuery】Class属性の追加、削除、切り替えのサンプル

 jQueryでは直接インラインでスタイルを指定することができるが、これを多用してしまうとどこでスタイルを設定しているのか、スタイルを確認するためにJavaScriptのコードを読まないといけない

続きを見る

【jQuery】フォトギャラリーのサンプル

 jQueryを使ったフォトギャラリーのサンプル。 上の画像をクリックすると、下に拡大表示される。 (サンプルコードでは、リストにマウスオーバー時にサムネイルの色が変わるが、デモでは機能してい

続きを見る

【jQuery】基本セレクターのサンプル

 ■デモ jQuery(function(a){a("#button1").click(function(b){a("#list a").css("border","solid 2px

続きを見る

【jQuery】属性セレクターのサンプル

 ■デモ jQuery(function(a){a("#button1").click(function(b){a("#list1 li").css("background-color","

続きを見る

【jQuery】複数スタイルを設定するサンプル

 ハッシュを使用することで、複数のスタイルをまとめて設定することができる。 ハッシュで指定する場合、CSSのプロパティ名は以下のようにキャメルケースとなるため注意。 background-co

続きを見る

【jQuery】要素フィルターのサンプル

 ■デモ jQuery(function(a){a("#button1").click(function(b){a('ul li:first').css("background-co

続きを見る

【JavaScript】関数内で引数の数をチェックするサンプル

 argumentsオブジェクトは関数に渡された引数を全て持つ。 なので、argumentsオブジェクトを使用することで、以下のように引数の数をチェックすることができる。

続きを見る

【JavaScript】関数を引数として渡す-高階関数

 JavaScriptでは、関数を変数のように渡すことができる。 これにより、渡した関数によって動的に処理を切り替えることができる。

続きを見る

【JavaScript】配列を特定の条件でフィルタリングするfilterメソッド

 filterメソッドを使うことで、配列内の条件に合致する要素のみを抽出することができる。 以下の例では、配列内から偶数の要素のみを抽出している。 filter内で使用する匿名関数

続きを見る

【JavaScript】配列に条件に合う要素があるか確認するsomeメソッド

 someメソッドを使うことで、配列内に条件に合致する要素があるかどうかを確認できる。 戻り値のresultにはtrue or falseが代入される。 some内で使用する匿名関

続きを見る

PAGE TOP ↑