日付順インデックス

【2017年】 2017/10/05 ｜ 2017/09/21 ｜ 2017/09/07 ｜ 2017/08/24 ｜ 2017/08/10 ｜ 2017/07/27 ｜ 2017/07/13 ｜ 2017/06/29 ｜ 2017/06/15 ｜ 2017/06/01 ｜ 2017/05/18 ｜ 2017/04/20 ｜ 2017/04/06 ｜ 2017/03/23 ｜ 2017/03/09 ｜ 2017/02/24 ｜ 2017/02/09 ｜ 2017/01/26 ｜ 2017/01/12

【2016年】 2016/12/28 ｜ 2016/12/15 ｜ 2016/12/02 ｜ 2016/11/21 ｜ 2016/11/02 ｜ 2016/10/20 ｜ 2016/10/06 ｜ 2016/09/21 ｜ 2016/09/08 ｜ 2016/08/26 ｜ 2016/08/15 ｜ 2016/07/28 ｜ 2016/07/14 ｜ 2016/06/30 ｜ 2016/06/16 ｜ 2016/06/02 ｜ 2016/05/19 ｜ 2016/04/28 ｜ 2016/04/13 ｜ 2016/03/31 ｜ 2016/03/17 ｜ 2016/03/03 ｜ 2016/02/18 ｜ 2016/02/04 ｜ 2016/01/21 ｜ 2016/01/07

【2015年】 2015/12/24 ｜ 2015/12/10 ｜ 2015/12/03 ｜ 2015/11/19 ｜ 2015/11/05 ｜ 2015/10/22 ｜ 2015/10/08 ｜ 2015/10/01 ｜ 2015/09/10 ｜ 2015/08/27 ｜ 2015/08/13 ｜ 2015/07/30 ｜ 2015/07/16 ｜ 2015/07/02 ｜ 2015/06/18 ｜ 2015/06/05 ｜ 2015/05/21 ｜ 2015/05/07 ｜ 2015/04/23 ｜ 2015/04/09 ｜ 2015/03/26 ｜ 2015/03/12 ｜ 2015/02/26 ｜ 2015/02/12 ｜ 2015/01/29 ｜ 2015/01/15

【2014年】 2014/12/25 ｜ 2014/12/18 ｜ 2014/12/11 ｜ 2014/12/04 ｜ 2014/11/27 ｜ 2014/11/20 ｜ 2014/11/13 ｜ 2014/10/30

2017年

2017/10/05

•  - 親要素を削除するには？（unwrap）
  現在の要素の親に当たる要素を削除するunwrapメソッドの基本的な使い方を説明。これ以外の要素削除系メソッドとの違いも簡単にまとめる。

2017/09/21

•  - 要素セットに、指定された条件に合致する要素が含まれるかを判定するには？（is）
  isメソッドを使って、指定した条件に合致する要素が、現在の要素セットに1つ以上含まれているかどうかを判定する方法を説明。また、jQuery 1.7前後で発生した挙動の変化についても言及する。

2017/09/07

•  - 現在利用しているjQueryのバージョンを確認するには？
  現在利用しているjQueryライブラリのバージョンを、JavaScriptコードから実行中に確認する方法を説明する。また、ライブラリのバージョンの使い分けや、旧バージョンの入手方法も紹介。

2017/08/24

•  - 要素セットから特定の子要素を持つ要素だけを取得するには？（has）
  jQueryオブジェクトで保持している要素セットから、特定の子要素を持つ要素のみを取得できるhasメソッドの基本的な使い方を説明する。

2017/08/10

•  - 要素セットからn番目の要素を取得するには？（eq）
  jQueryオブジェクトで保持している要素セットから、指定したインデックス番号の要素のみを取得できるeqメソッドの基本的な使い方を説明する。

2017/07/27

•  - 現在の要素セットからm～n番目の要素を取得するには？（slice）
  jQueryオブジェクトで保持している要素セットから、指定したm～n番目の要素のみを取得できるsliceメソッドの基本的な使い方を説明する。

2017/07/13

•  - 要素セットから指定の条件に合致したものを取り除くには？（not）
  jQueryオブジェクトで保持している要素セットから、指定条件に合致しない要素のみを取得できるnotメソッドの基本的な使い方を説明する。

2017/06/29

•  - 要素セットの内容を順に処理するには？（map）
  jQueryオブジェクトで保持している要素セットを、1つずつ順番に処理し、その処理結果をjQueryオブジェクトとして取得できるmapメソッドの基本的な使い方を説明する。

2017/06/15

•  - 現在の要素から指定された祖先／兄弟要素までを取得するには？（prevUntil／nextUntil／parentsUntil）
  prevUntil／nextUntil／parentsUntilメソッドを使って、jQueryオブジェクトで保持している現在の要素セットから、現在の要素の直後から、ツリー構造において（指定された）兄／弟／親の関係にある要素の直前までの範囲にある全要素を取得する方法を説明する。

2017/06/01

•  - 親子／兄弟関係にある要素を行き来するには？（parents／parent／prev／prevAll／next／nextAll／siblings／children）
  parents／parent／prev／prevAll／next／nextAll／siblings／children／endメソッドを使って、jQueryオブジェクトで保持している現在の要素セットから、ツリー構造において親子／兄弟関係にある要素を取得する方法を説明する。

2017/05/18

•  - 特定の要素を基点に別の要素を検索するには？（find）
  findメソッドを使って、jQueryオブジェクトで保持している現在の要素セットの配下から、指定された条件の要素を検索する方法を説明する。

2017/04/20

•  - 要素セットを指定の条件で絞り込むには？（filter）
  filterメソッドを使って、jQueryオブジェクトで保持している現在の要素セットを、指定された条件で絞り込む方法を説明する。

2017/04/06

•  - 異なるバージョンのjQueryを共存させるには？（jQuery.noConflict）
  jQueryが持つオブジェクト名との衝突を回避するためのjQuery.noConflictメソッドを応用して、jQueryで複数のバージョンをロードする方法を説明する。

2017/03/23

•  - jQueryを他のライブラリと共存させるには？（jQuery.noConflict）
  他のライブラリ導入により「$」や「jQuery」というオブジェクト名が衝突する問題を回避する方法を紹介。別名を定義する方法を2パターン、紹介する。

2017/03/09

•  - 特定のAjax通信でのみグローバルイベントを無効化するには？（$.ajax［global］）
  Ajax通信の開始／終了／成功／失敗のタイミングで任意の処理を差し挟む際に利用するグローバルイベントを、現在の通信だけ対象外にする方法を説明する。

2017/02/24

•  - イベントリスナーをそのままに、要素を削除するには？（detach）
  イベントリスナーを破棄せず維持した状態で要素を削除し、再生成時に元通りにする方法を説明。削除／再生成ではなく、非表示／表示の利用推奨についても言及する。

2017/02/09

•  - アニメーションを一時停止するには？（delay）
  実行中のアニメーションを途中で一時停止するdelayメソッドの基本的な使い方を説明。delayメソッド特有の問題点も取り上げる。

2017/01/26

•  - Ajax通信で成功／失敗コールバックに任意の値を渡すには？（$.ajax［context］）
  主にコールバック関数に任意の値を引き渡す目的で使える「$.ajaxメソッドのcontextパラメーター」の基本的な使い方を説明する。

2017/01/12

•  - Ajax通信で得られたコンテンツを加工するには？（$.ajax［dataFilter］）
  $.ajaxメソッドにより得たコンテンツをdoneメソッドで処理する前に加工／編集できる「$.ajaxメソッドのdataFilterパラメーター」の基本的な使い方を説明する。

　

2016年

2016/12/28

•  - Ajax通信の前に処理を実行するには？（$.ajax［beforeSend］）
  Ajax通信を送信する前に任意の処理を実行できるようになる「$.ajaxメソッドのbeforeSendパラメーター」の基本的な使い方を説明する。

2016/12/15

•  - 非同期通信のキャッシュを無効化するには？（$.ajax［cache］）
  Ajax通信の結果をキャッシュするか否かを制御できる「$.ajaxメソッドのcacheパラメーター」の基本的な使い方を説明する。

2016/12/02

•  - 一般的なAjax通信を実装するには？（$.ajax）
  非同期通信の動作をより細かく制御したい場面で使える$.ajaxメソッドの構文と利用可能なパラメーター群の概要を紹介。簡単なサンプルで使い方を説明する。

2016/11/21

•  - thisキーワードの参照先を固定するには？（$.proxy）
  文脈により変化するthisキーワードの参照先を、$.proxyメソッドにより固定する方法を説明する。

2016/11/02

•  - 既存の要素をコピーするには？ ― cloneメソッド
  既存の要素をjQueryオブジェクトとして複製する方法を説明。オブジェクトはappendToなどの挿入系メソッドを使ってHTMLソース内に要素として追加したりできる。

2016/10/20

•  - 既存の要素を削除するには？ ― remove／emptyメソッド
  指定した要素そのもの／要素の中身（＝子要素）を削除する方法を説明する。

2016/10/06

•  - 現在の要素セットを特定の要素でラップするには？ ― wrap／wrapAll／wrapInnerメソッド
  現在の要素セットを新要素でラップする（＝新要素の子要素にする）方法を解説。メソッドを使い分けることで、要素セットに対して個々に要素全体を／全ての要素をまとめて／個々に中身（＝子要素）のみをラップできる。

2016/09/21

•  - 既存の要素を別の要素で置き換えるには？ ― replaceWith／replaceAllメソッド
  既存の要素を選択し、それをHTML文字列により生成した新規要素もしくはjQueryオブジェクトで置き換える方法を解説。また結果は同じになるが少し手順を変えて、HTML文字列による新規要素もしくはjQueryオブジェクトで既存の要素を置き換える方法も説明する。

2016/09/08

•  - 既存の要素を別の場所に移動するには？ ― insertBefore／insertAfter／prependTo／appendToメソッド
  既存の要素を、指定した要素の直前／直後／子要素先頭／子要素末尾の位置に移動する方法を説明する。

2016/08/26

•  - ページに新たな要素を挿入するには？ ― insertBefore／insertAfter／prependTo／appendTo／before／after／prepend／appendメソッド
  HTML文字列で要素を作成してから、指定した場所にそれを挿入する方法を解説。また結果は同じになるが少し手順を変えて、指定した場所にHTML文字列で要素を生成する方法を説明する。

2016/08/15

•  - jQuery1.x／2.xで作成したアプリをjQuery 3に対応させるには？
  2016年6月、jQuery 3.0が正式リリースされた。今後は、従来バージョンのjQueryを使った既存のサイト／ページを、最新のバージョン3に徐々に移行していこう。移行ライブラリ「jQuery Migration」を使った方法を解説する。

2016/07/28

•  - フォーム要素に対して値を設定するには？（val）
  valメソッドを使ってフォーム要素の値を設定する方法を説明。また、利用上の注意点や、値をクリアする方法、応用例として全てのチェックボックスを選択／解除する方法も示す。

2016/07/14

•  - ラジオボタン／チェックボックス／選択ボックスの選択テキストを取得するには？（val）
  valメソッドを使って選択テキストを取得する方法を、ラジオボタン／チェックボックス／選択ボックス／リストボックスなどフォーム要素ごとに説明する。

2016/06/30

•  - フォーム要素からの入力値を取得するには？（val）
  valメソッドを使って、フォーム要素の値を取得する方法を説明。また、ラジオボタン／チェックボックス／リストボックス（複数選択）の場合の注意点も示す。

2016/06/16

•  - 親要素に対する相対的な表示位置を取得するには？（position）
  positionメソッドを使って、要素の「親要素からの相対位置」を取得する基本的な方法を説明する。なお、設定はできない。

2016/06/02

•  - 要素の表示位置を取得／設定するには？（offset）
  offsetメソッドを使って、要素の「ドキュメント上の相対位置」を取得／設定する基本的な方法を説明する。

2016/05/19

•  - ページのスクロール位置を設定／取得するには？（scrollTop／scrollLeft）
  scrollTop／scrollLeftメソッドを使ってページスクロールの垂直位置／水平位置を設定もしくは取得するための基本的な方法を説明する。

2016/04/28

•  - URLフラグメントに一致するid値を持つ要素を取得するには？ ― :targetフィルター
  :targetフィルターを使って、URLフラグメントに一致するid属性値の要素を取得する方法を説明する。

2016/04/13

•  - 指定された言語に対応する要素を取得するには？ ― :langフィルター
  :langフィルターを使って、コンテンツの言語を指定するlang属性の値に応じて要素を取得する方法を説明する。

2016/03/31

•  - 子要素の型／順番によって取得すべき要素を絞り込むには？ ― 子要素フィルター
  :first-of-type／:last-of-typeフィルターにより同じ要素の中で先頭／末尾の子要素を、また:only-of-typeフィルターにより同列の子要素に同種の要素が1つしかないものを、さらに:nth-of-type／nth-last-of-typeフィルターにより同じ要素の中でn番目の要素を取得する方法を解説。

2016/03/17

•  - 子要素の位置関係によって取得すべき要素を絞り込むには？ ― 子要素フィルター
  :first-child／:last-childフィルターにより先頭／末尾の子要素を、また:only-childフィルターにより唯一の子要素である要素を、さらに:nth-child／:nth-last-childフィルターにより先頭／末尾からn個おきに子要素を取得する方法を解説。

2016/03/03

•  - 子要素／テキストによって取得すべき要素を絞り込むには？ ― コンテンツフィルター
  :parent／:empty／:contains()／:has()フィルターの基本的な使い方を解説。子要素やテキストを持つ要素／空の要素／特定のテキストを含む要素／指定されたセレクターに合致する子要素を持つ要素を取得できる。

2016/02/18

•  - 登場順序によって取得すべき要素を絞り込むには？ ― 基本フィルター
  jQueryの$()関数でフィルター構文を使い、先頭／末尾の要素や、偶数／奇数番目の要素、n番目／n番目より前や後の要素を取り出す方法を説明する。

2016/02/04

•  - 親子／兄弟関係にある要素を取り出すには？ ― 階層セレクター
  jQueryの$()関数で、複数の要素から構成される階層構造において、ある要素の子要素／子孫要素／直後の要素／以降の要素などを絞り込んで取り出す方法を説明する。

2016/01/21

•  - 属性値で目的の要素を絞り込むには？ ― 属性フィルター
  jQueryの$()関数で、属性やその値を条件に要素を絞り込む方法を解説。条件指定には、属性名のみや、属性値の完全一致／部分一致／複数一致などが指定できる。

2016/01/07

•  - id値／タグ名／クラス名で特定の要素を取り出すには？ ― 基本セレクター
  jQueryプログラミングの基本である$()関数による「#id」「element」「.class」セレクターの使い方を解説する。

　

2015年

2015/12/24

•  - 非同期通信の開始／終了／成功／失敗のタイミングで処理を実行するには？（ajaxXxxxx）
  jQueryによるAjax通信時に発生する各種グローバルイベントを処理する基本的な方法を、具体的なサンプルを通して説明する。

2015/12/10

•  - JSON形式のWeb APIにアクセスするには？（$.getJSON）
  クロスドメイン制約を回避するためのJSONPをjQueryで利用しよう。$.getJSONメソッドの基本的な使い方を解説する。

2015/12/03

•  - HTTP GET／POSTで非同期通信を実施するには？（$.get／$.post）
  $.get／$.postメソッドを使って取得したデータを加工して表示コンテンツを組み立てる方法を解説する。

2015/11/19

•  - 自作のjQueryプラグインに引数を設定するには？（$.extend）
  プラグイン作成の基本を理解したら、パラメーターを受け取れるようにしよう。その実装方法を解説。

2015/11/05

•  - jQueryプラグインを自作するには？（$.fn）
  何度も利用する似たコードは、ライブラリではなくプラグインにまとめよう。プラグイン作成の基本を解説。

2015/10/22

•  - 特定の要素に関連付くデータを取得／設定するには？（data）
  現在の要素に対して任意のデータを設定／取得するためのdataメソッドの基本と、利用上の注意点を解説する。

2015/10/08

•  - JavaScriptとHTMLを明確に分離するには？（data）
  jQueryのdataメソッドを使って独自データ属性の値を取得することにより、「控えめなJavaScript」を実現する方法を説明する。

2015/10/01

•  - 要素にフォーカスが当たった／外れた時の処理を実装するには？（focus、blur、focusin、focusout）
  focus／blurもしくはfocusin／focusoutを使って、テキストボックスにフォーカスを当てた時／外した時に処理を実施する方法を説明。またそれらの挙動の違いを解説する。

2015/09/10

•  - アニメーションの細かな挙動を制御するには？（animate／show／hide／fadeIn／fadeOut／slideUp／slideDown）
  各種アニメーションメソッドで、アニメーションを直列／並列に実行したり、アニメーション処理ごとに関数を実行したり、プロパティ単位でアニメーションのイージングを設定したりする方法を説明。

2015/08/27

•  - 自作のアニメーションを実行するには？（animate）
  animateメソッドを使って、典型的なアニメーションではなく、カスタムのアニメーションを定義する方法を説明する。

2015/08/13

•  - 実行都度、逆のアニメーションを実行するには？（toggle／fadeToggle／slideToggle）
  jQueryが提供する基本的なアニメーション機能を活用して、スライドアップ⇔スライドダウンを交互に実行する方法を説明する。

2015/07/30

•  - あらかじめ用意されたアニメーションを実行するには？（show／hide／fadeIn／fadeOut／slideUp／slideDown）
  jQueryが提供する基本的なアニメーション機能を活用して、要素を表示／非表示、フェードイン／アウト、スライドアップ／ダウンさせる方法を説明する。

2015/07/16

•  - 非同期通信で取得したコンテンツをページに反映させるには？（load）
  loadメソッドを使って、外部のWebページを非同期に取得して、それをコンテンツ内の要素に反映させる方法を説明する。

2015/07/02

•  - イベント処理を中断するには？（preventDefault／stopPropagation／stopImmediatePropagation）
  イベントリスナーによる処理を、イベントオブジェクトの3つのメソッドを使って中断する方法を説明する。また、それぞれの使い分け方法も解説する。

2015/06/18

•  - イベントが発生した時のマウス情報を取得するには？（イベントオブジェクト）
  クリックした位置の座標や、押されたマウスボタンの種類といったマウス情報を、イベントオブジェクトの各種プロパティを使って取得する方法を説明する。

2015/06/05

•  - 一度だけ実行されるイベントリスナーを設置するには？（one）
  登録されたイベントリスナーを最初の一度だけ実行するoneメソッドの基本的な使い方を解説する。

2015/05/21

•  - マウスポインターが要素に出入りした時の処理を実装するには？（mouseover、mouseout、mouseenter、mouseleave、hover）
  違いが分かりにくい「mouseover／mouseout」と「mouseenter／mouseleave」イベントの使い分け方法を解説。また、これらに関連する「hover」イベントメソッドについても説明する。

2015/05/07

•  - イベントリスナーを呼び出す際にパラメーターを引き渡すには？（data）
  イベントメソッドやonメソッドの呼び出し時に、任意のパラメーターを引き渡す方法を解説する。

2015/04/23

•  - 文書ツリー上に存在しない要素に対してイベントリスナーを追加するには？（on）
  onメソッドを利用して、動的に新規追加された要素にイベントリスナーを設置する方法を解説。またjQuery 1.6以前のbind／live／delegateメソッドをonメソッドに置き換える方法も説明する。

2015/04/09

•  - イベントメソッドで提供されないイベントを処理するには？（on）
  onメソッドを利用して、jQueryが標準で対応していないJavaScriptイベントにアクセスする方法を説明する。

2015/03/26

•  - イベントに応じて処理を実行するには？（イベントメソッド）
  イベントの発生に応じて呼び出されるイベントリスナーをjQueryで実装するための基本的な方法を解説する。

2015/03/12

•  - 配列の内容を検索するには？（$.inArray）
  $.inArrayメソッドを使って、配列から特定の要素を検索する方法を解説。Internet Explorer 8以前の環境ではJavaScriptのindexOfメソッドをこれで代替しよう。

2015/02/26

•  - 配列から特定の条件で要素を取り出すには？（$.grep）
  $.grepメソッドを使って、配列から条件に合致した要素だけを取り出す方法を解説。Internet Explorer 8以前の環境ではJavaScriptのfilterメソッドをこれで代替しよう。

2015/02/12

•  - 配列の内容を順番に加工するには？（$.map）
  $.mapメソッドを使って、配列やオブジェクトの内容を順に加工する方法を解説。Internet Explorer 8以前の環境ではJavaScriptのmapメソッドをこれで代替しよう。

2015/01/29

•  - 配列の内容を順番に処理するには？（$.each）
  $.eachメソッドを使って、配列やオブジェクトの内容を順に処理する方法を解説。またJavaScriptのevery／someメソッドを、jQueryの$.eachで代替する方法も説明する。

2015/01/15

•  - 変数の型情報を判定するには？（$.isXxxxx／$.type）
  $.isXxxxxメソッドを使って、変数のデータ型を判定する方法を解説。また、$.typeメソッドを使って、引数で指定されたオブジェクトの型を文字列として返す方法も解説する。

　

2014年

2014/12/25

•  - 要素の高さ／幅を設定／取得するには？（height／width／innerHeight／innerWidth／outerHeight／outerWidth）
  任意の要素に対して幅／高さを設定／取得する方法を解説。また、height／width、innerHeight／innerWidth、outerHeight／outerWidthメソッドの使い分け方法も説明する。

2014/12/18

•  - 要素のプロパティを取得／設定するには？（prop）
  任意の要素に対してJavaScriptのプロパティを設定／取得する方法を解説。また、要素の属性を設定／取得できるattrメソッドと機能を比較する。

2014/12/11

•  - 要素の属性を操作するには？（attr／removeAttr）
  任意の要素の、任意の属性に対して値を設定／取得する方法を解説。また、複数の属性をまとめて設定する方法も説明する。

2014/12/04

•  - 要素にスタイルクラスを適用／除外するには？（addClass／removeClass／toggleClass／hasClass）
  要素にclass属性の値を設定／削除する方法を解説。また、その設定状態を切り替えたり、確認したりする方法も説明する。

2014/11/27

•  - 要素のスタイルプロパティを変更するには？（css）
  背景色を変えるなど、要素のスタイルを変更できるcssメソッドの基本的な使い方を解説。相対値の指定や複数まとめて指定、現在の値の取得なども説明する。

2014/11/20

•  - 要素配下のテキストを取得／設定するには？（text／html）
  textメソッドやhtmlメソッドを使って要素配下のテキストやHTMLソースを取得する方法を解説。それぞれの使い分けについても説明する。

2014/11/13

•  - 以前のバージョンで開発したアプリを最新のjQueryで動作させるには？
  基本的に旧バージョンのjQueryで作成したページは最新版でも動作するが、jQuery 1.9以前から最新化する場合には動作しない場合がある。その問題を回避できるjQuery Migrateプラグインの基本的な使い方を説明する。

2014/10/30

•  - jQueryを利用するには？
  jQueryの特徴を簡単に紹介。jQueryライブラリをCDNから、もしくはローカルにダウンロードしてから利用する方法を説明する。