カテゴリー: jQuery
$.each()の配列処理機能とreplaceを使って、文字列を置換える
replaceメソッドの書式は、「replace(/パターン/修飾子, ‘置き換え後の文字列’)」です。 パターンの部分に置き換え前の文字列を直接、もしくは正規表現で一定の条件に一致するものだけを対象にする記述をします。 JSタブ 3行目は、idが「a」のdivボックス内のテキストを取得してresu…
ユーティリティ
二つの配列をマージ 1$.merge(はいれつ1, はいれつ2); 引数で指定したはいれつ1にはいれつ2が追加されます。処理前の状態を保存したい時は前もってコピーしておきます。 配列とオブジェクトをそれぞれコールバック関数処理して新たな配列で返す 1$.map(配列, function(はいれつ要素…
メソッドでエフェクト操作
表示、非表示 1234$(要素).show(エフェクト時間, function(){処理});$(要素).hide(エフェクト時間, function(){処理});$(要素).toggle(エフェクト時間, function(){処理});$(要素).toggle(false); show()は引…
メソッドでスタイル指定
メソッドのCSS操作では、cssの「font-size」などを「fontSize」と記入します。つまり、ハイフンを削除してその直後の文字を大文字に変えます。(キャメルケースと言います。)この場合、「fontSize」がjQueryのプロパティ名になります。 プロパティを取り出す 1$(要素).css…
メソッドでDOM操作
要素(エレメント)からHTMLの文字列を取り出す 1$(エレメント).html(); エレメントにHTML文字列を入れる 12$(エレメント).html(HTML文字列);$(エレメント).html(function(){処理}); 要素からテキストを取り出す 1$(要素).text(); 要素にテ…
イベント操作
イベントごとに個別の処理を割り当てて作られるプログラムのことをイベントハンドラ(イベントリスナー)と言います。jQueryではブラウザ上で行われる操作の多くがイベントとして処理されますので対話的、つまりインタラクティブな処理も容易に構築することができます。 また、「function(e)」の「e」は…
スキャン系のメソッドによる条件指定、抽出
セレクタのような要素(エレメント)にマッチさせる機能は、メソッドにもあります。 インデックス値で特定 1$(要素).eq(インデックス番号); インデックス値は、出現した順番に0から割り当てられる整数値を言います。.eq(インデックス番号)とすると出現順にインデックス番号が割り振られ、一致したインデ…
セレクタによる条件指定、抽出
セレクタとは「$(‘#id名’)」「$(‘.クラス名’)」「$(‘要素名’)」などで、これらをまとめて指定するには、「$(‘要素名,#id名,.クラス名’)」などとカンマで区切ります。また$(‘*’)とした場合、全要素が対象になり、処理時間も長くなります。 インデックスによるセレクタ 要素(エレメン…
jQueryを学ぶ上でよく出てくる言葉とその仕組み
まずjQueryとはオープンソースのJavaScriptライブラリのことです。オープンソースとはソフトウェアのソースコードの改良や再配布を誰もが行うことを許可された無償のもので、jQueryではGPLとMITライセンスの下で配布されています。ライブラリとは別のプログラムから呼び出して使えるように、汎…