jQuery

フローティングナビ〜付いてくるナビゲーション

縦長のページを作成するときに欲しい機能としてナビゲーションがどこまでも付いてくるものです。 簡単にできるfloater.jsのプラグインを活用した方法です。 floater.jsはこちら floater.jsはMITライ  >>続きを読む

スライドギャラリー解説補助資料〜jQueryドーナツ本

受講生対象の補助資料です。 以下jQuery教材のドーナツ本のスライドギャラリーの補助資料です。 スライダの構造 スクリプトの解説 HTML構造 ソースが読めてもスライド機能のからくりがわかりづらいですね。 アニメーショ  >>続きを読む

Ajax通信とクロスドメイン問題

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

jQuery Mobileの使い方

準備 jQuery Mobileのページに行って必要なライブラリをダウンロードまたはリンクします。 リファレンス参考 data-role transition テーマ作成 作成 sample.html HTML5の準備を  >>続きを読む

Topへ戻るボタンの作成〜jQuery

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

要素の追加〜jQuery

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

jQueryの記述の基本を覚える

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

jQueryを使ったフォームのイベント処理

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

jQueryのイベント伝播〜バブリング

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

jQueryメソッドの特性

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

jQueryでのthisの使い方〜覚えると楽しくなる

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

jQueryでイベントを使ってみる

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

jQueryのメソッドを使ってみる〜シンプルな使い方

メソッドの使い方 メソッドとはオブジェクトの特定の処理をひとまとまりにしたものです。また、プロパティはオブジェクトの特性や属性などをまとめたものです。ここではメソッドの働きをみていきます。 $()で特定のオブジェクトを指  >>続きを読む

jQueryのセレクター

jQueryを使えるようになるためには、まずセレクターの使用方法を覚えましょう。 CSSのセレクターと同じですから、HTMLコーダーさんはすぐに使えるようになります。 基本構文のところでも書きましたが、jQueryはセレ  >>続きを読む

jQueryオブジェクトについて

jQueryオブジェクトとは jQueryオブジェクトは$()で作成します。 jQueryオブジェクトを作成することでjQueryのメソッドを使用してDOM操作を簡単に行うことができます。 $()の引数として使用できるも  >>続きを読む

jQueryの基本構文

jQueryの基本構文 jQueryの基本的な記述は次のように書きます。 jQuery(“セレクター”).メソッド(引数) 一般的には少し省略した書き方をします。jQuer部分を$にします。 $(  >>続きを読む

jQueryとは

jQueryとは jQueryはWebデザイナーやWebプログラマーの間で最も人気のあるJavaScriptライブラリーのひとつです。 ライブラリとは:ある特定の機能を持ったプログラムを、他のプログラムから利用できるよう  >>続きを読む

jQueryライブラリを素早くgoogleとリンクする

ScriptSrc.net ScriptSrc.netはjQueryライブラリのリンクを簡単にコピペできるサイトです。 ちょっとしたテストなど大活躍です。 ぜひブラウザのお気に入りに入れておきたいものです。