jQuery

ajax通信とは URLを入力して希望するWebページをリクエストして、サーバーからのデータが送られてきて希望するページを閲覧するという通常の手順と違い、Ajax通信はJavaScriptを使用して必要なコンテンツを更新する仕組みです。通...

長いページでは必須のTopへ戻るボタンですね。 スクロールするとTopボタンが出現し、クリックすると緩やかにTopに戻ります。 この動きはCSSとjQueryで実現できます。easingなどを好みで脚色してください。 Topへ戻る...

jQueryのprepend,append,before,afterのそれぞれのメソッドの違いを確認しておきます。 prependはHTML要素内の先頭に挿入します。 appendはHTML要素内の最後に挿入します。 ...

マウスクリックした時のイベントの作成の基本形です。 $( );で全体を囲む 1の中に関数を宣言　function(){ } 2の関数の中に$( ’セレクター’).イベン...

input要素にマウスやタブキーで選択された状態を感知して発火します。 $(セレクタ).focus(function(){ 実行する処理 }) 次のサンプルではテキストボックスに予め薄いグレーで「入力してください」...

jQueryではそれぞれのイベントに対応したメソッドを利用してイベントハンドラを設定します。JavaScriptのDOM0ではイベント属性をイベントハンドラとして利用しました。また、documentオブジェクトを指定してそのプロパティにイベ...

jQueryのメソッドはgetterとsetterの2つの特性を持っています。 getterとsetterとは、オブジェクト指向のプログラミングで使用される特殊なメソッドです。 オブジェクト指向のプログラミングでは、フィールド変数の...

jQueryにおけるthisとは thisとはどんな時に使用すればよいのでしょうか。 thisはイベントで設定したfunction内で利用すると、イベントが発生した要素を指します。 使い方 $(function(){ $(...

JavaScriptはイベントドリブンプログラムです。jQueryもJavaScriptですから全く同様です。 イベントの発生とともに何らかの命令が行われるものです。 イベントの基本であるマウスクリックの使い方を覚えましょう。 マ...