上へ

カテゴリー: jQuery

jQuery

$.each()の配列処理機能とreplaceを使って、文字列を置換える

replaceメソッドの書式は、「replace(/パターン/修飾子, ‘置き換え後の文字列’)」です。 パターンの部分に置き換え前の文字列を直接、もしくは正規表現で一定の条件に一致するものだけを対象にする記述をします。 JSタブ 3行目は、idが「a」のdivボックス内のテキストを取得してresu…

jQuery

ユーティリティ

二つの配列をマージ 1$.merge(はいれつ1, はいれつ2); 引数で指定したはいれつ1にはいれつ2が追加されます。処理前の状態を保存したい時は前もってコピーしておきます。 配列とオブジェクトをそれぞれコールバック関数処理して新たな配列で返す 1$.map(配列, function(はいれつ要素…

jQuery

メソッドでエフェクト操作

表示、非表示 1234$(要素).show(エフェクト時間, function(){処理});$(要素).hide(エフェクト時間, function(){処理});$(要素).toggle(エフェクト時間, function(){処理});$(要素).toggle(false); show()は引…

jQuery

メソッドでスタイル指定

メソッドのCSS操作では、cssの「font-size」などを「fontSize」と記入します。つまり、ハイフンを削除してその直後の文字を大文字に変えます。(キャメルケースと言います。)この場合、「fontSize」がjQueryのプロパティ名になります。 プロパティを取り出す 1$(要素).css…

jQuery

メソッドでDOM操作

要素(エレメント)からHTMLの文字列を取り出す 1$(エレメント).html(); エレメントにHTML文字列を入れる 12$(エレメント).html(HTML文字列);$(エレメント).html(function(){処理}); 要素からテキストを取り出す 1$(要素).text(); 要素にテ…

jQuery

イベント操作

イベントごとに個別の処理を割り当てて作られるプログラムのことをイベントハンドラ(イベントリスナー)と言います。jQueryではブラウザ上で行われる操作の多くがイベントとして処理されますので対話的、つまりインタラクティブな処理も容易に構築することができます。 また、「function(e)」の「e」は…

jQuery

スキャン系のメソッドによる条件指定、抽出

セレクタのような要素(エレメント)にマッチさせる機能は、メソッドにもあります。 インデックス値で特定 1$(要素).eq(インデックス番号); インデックス値は、出現した順番に0から割り当てられる整数値を言います。.eq(インデックス番号)とすると出現順にインデックス番号が割り振られ、一致したインデ…

jQuery

セレクタによる条件指定、抽出

セレクタとは「$(‘#id名’)」「$(‘.クラス名’)」「$(‘要素名’)」などで、これらをまとめて指定するには、「$(‘要素名,#id名,.クラス名’)」などとカンマで区切ります。また$(‘*’)とした場合、全要素が対象になり、処理時間も長くなります。 インデックスによるセレクタ 要素(エレメン…

jQuery

jQueryを学ぶ上でよく出てくる言葉とその仕組み

まずjQueryとはオープンソースのJavaScriptライブラリのことです。オープンソースとはソフトウェアのソースコードの改良や再配布を誰もが行うことを許可された無償のもので、jQueryではGPLとMITライセンスの下で配布されています。ライブラリとは別のプログラムから呼び出して使えるように、汎…