二进制的专栏

jQueryは、MITとGPL licensesのデュアルライセンスで公開されているので、ライブラリー中の著作権表示さえ消さなければ、商用・非商用を問わず誰でも自由に利用できます。今回はjQueryを利用するための準備として、ライブラリーのダウンロードと設置方法を紹介しましょう。jQueryをダウンロードする　jQueryをWebサイトに導入する方法はいくつかありますが、最もポピュラーなの

前回まではjQueryの基本的な使い方である、「セレクターで(X)HTML要素を指定し、イベントが発生したタイミングで(X)HTMLやCSSを書き換える」プログラムの書き方を紹介してきました。jQueryにはほかにも、Webページを使いやすくする便利な機能が用意されています。今回からは、これまでに触れていない特別な機能を紹介していきましょう。　第8回は、「問い合わせフォーム」など、商用サイトに

イベント発生時に一度だけ命令を実行する one()　指定した要素で発生したイベントに対して、一度だけ実行する命令を設定できるのが one() です。$(セレクター).one("イベント発生の条件",function(){        //イベント発生時に実行する命令})　one() の括弧内にはイベント発生の条件を指定します。イベント発生の条件には、ここまでに説明してきた

クリックされるたびに異なる命令を実行する toggle()　クリックされるたびに異なる命令を実行したいときに便利なのが、toggle()です。括弧内に function(){...}を，(カンマ)区切りで複数設定でき、クリックされた順番に命令を実行していきます。設定してある命令が最後まで実行されたら最初の命令に戻って繰り返します。$(function(){    $(セレクター).

jQueryを使ったプログラムの基本的な要素として、セレクターと(X)HTML/CSSを操作する命令について解説してきました。今回はもう1つの重要な要素である「イベント」を紹介します。命令が実行されるタイミングを決める「イベント」　これまで見てきたように、jQueryを使ったプログラムは、セレクターで特定の(X)HTML要素を指定し、(X)HTMLやCSSを追加・変更します。サンプルプログ

今回は、jQueryを利用して(X)HTMLとCSSを操作する方法について解説します。(X)HTMLとCSSの操作は、jQueryを利用したプログラミングでは非常によく登場しますので、しっかり押さえておきましょう。前回までのおさらいと今回の内容　jQueryを利用したプログラムは、どの(X)HTMLの要素を操作するかを指定するセレクター処理の内容（命令）の2つが基本です。前

Webデザイナーさん、（X）HTML／CSSコーダーさん、マークアップエンジニアさん、お待たせしました。Web制作者のためのjQuery入門が始まります。　本連載では、現役Webクリエイターの西畑一馬氏が、人気のJavaScriptライブラリ「jQuery」を使ったリッチなUI（ユーザーインターフェイス）の作り方を解説します。プログラムの基本的な書き方の説明から、実務で使えるサンプルの紹介まで

4．CSSの属性セレクター　jQueryは、CSSの属性セレクターの多くにも対応しています。属性セレクターとは、要素の持つ属性の条件で絞り込めるセレクターです。[...] の内側に属性の条件を記述します。■[attribute]　特定の属性を持つ要素を指定できるセレクターです。▼サンプルコード（HTML部分）    id="first">テキストテキストテキストテキ

JavaScriptでできること(X)HTMLとCSS、JavaScriptの関係　jQueryの具体的な記述方法に入る前に、そもそもJavaScriptでは何ができるかということに少し触れておきましょう。　誤解を恐れずに言えば、JavaScriptは「(X)HTMLとCSS（Cascading Style Sheets）を操作するためのプログラミン

（前編からの続き）3.フォーム部品を選択するセレクター　jQueryには、フォーム部品を選択する専用のフィルター（セレクターの一種）が多数あります。専用フィルターで選択できる要素は、ほとんどの場合、以前に紹介したjQueryのCSSセレクターでも選択できますが、専用フィルターを使うとより簡単です。■フォーム部品を選択する:input　:inputは、input要素やtext