「 JavaScript 」 一覧
【jQuery】Class属性の追加、削除、切り替えのサンプル
2018/11/05 | IT, プログラミング JavaScript, jQuery
jQueryでは直接インラインでスタイルを指定することができるが、これを多用してしまうとどこでスタイルを設定しているのか、スタイルを確認するためにJavaScriptのコードを読まないといけない
【jQuery】フォトギャラリーのサンプル
2018/11/04 | IT, プログラミング JavaScript, jQuery
jQueryを使ったフォトギャラリーのサンプル。 上の画像をクリックすると、下に拡大表示される。 (サンプルコードでは、リストにマウスオーバー時にサムネイルの色が変わるが、デモでは機能してい
【jQuery】基本セレクターのサンプル
2018/11/03 | IT, プログラミング JavaScript, jQuery
■デモ jQuery(function(a){a("#button1").click(function(b){a("#list a").css("border","solid 2px
【jQuery】属性セレクターのサンプル
2018/11/02 | IT, プログラミング JavaScript, jQuery
■デモ jQuery(function(a){a("#button1").click(function(b){a("#list1 li").css("background-color","
【jQuery】複数スタイルを設定するサンプル
2018/11/01 | IT, プログラミング JavaScript, jQuery
ハッシュを使用することで、複数のスタイルをまとめて設定することができる。 ハッシュで指定する場合、CSSのプロパティ名は以下のようにキャメルケースとなるため注意。 background-co
【jQuery】要素フィルターのサンプル
2018/10/31 | IT, プログラミング JavaScript, jQuery
■デモ jQuery(function(a){a("#button1").click(function(b){a('ul li:first').css("background-co
【JavaScript】関数内で引数の数をチェックするサンプル
2018/10/30 | IT, プログラミング JavaScript
argumentsオブジェクトは関数に渡された引数を全て持つ。 なので、argumentsオブジェクトを使用することで、以下のように引数の数をチェックすることができる。
【JavaScript】関数を引数として渡す-高階関数
2018/10/29 | IT, プログラミング JavaScript
JavaScriptでは、関数を変数のように渡すことができる。 これにより、渡した関数によって動的に処理を切り替えることができる。
【JavaScript】配列を特定の条件でフィルタリングするfilterメソッド
2018/10/28 | IT, プログラミング JavaScript
filterメソッドを使うことで、配列内の条件に合致する要素のみを抽出することができる。 以下の例では、配列内から偶数の要素のみを抽出している。 filter内で使用する匿名関数
【JavaScript】配列に条件に合う要素があるか確認するsomeメソッド
2018/10/27 | IT, プログラミング JavaScript
someメソッドを使うことで、配列内に条件に合致する要素があるかどうかを確認できる。 戻り値のresultにはtrue or falseが代入される。 some内で使用する匿名関
