「ｊQuery」カテゴリーアーカイブ
ソースロード後にｊQueryを実行する
一般的にｊQueryはタグ内に記述するので、ソースのロード順にソースが実行されるとすれば、ｊQueryが何かの操作をするためにHTMLソース内のIDやクラスを参照したときに、そのIDやclassはまだロードされずにブラウ … 続きを読む
ｊQueryの外部ファイル化
ｊQueryはjavascriptの拡張なので、外部ファイル化もjavascriptと同じ。 外部ｊQueryファイル：script.js HTNL本体
jQuery
ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするためのJavaScriptライブラリ、JavaScriptライブラリのデファクトスタンダード。 jQueryには次のような機能・特徴がある。 ブ … 続きを読む
Dreamweaver CS5.5におけるjQuery開発を支援する機能
一般的なエディタとは異なり、HTMLファイル内にscript要素やstyle要素を用いて記述したJavaScriptやCSSについても、予約語や文字列、コメントなどのシンタックスハイライトや文法チェックが行われます。 合 … 続きを読む
CSS3を使用したアニメーション
JavaScriptを使わずアニメーションを実現する他の方法は「CSS3 Transition」や「CSS3 Animation」といった機能使う方法です。 「あるプロパティの数値を一定時間かけて変化させる … 続きを読む
Webページの動的変更例２
Webページの動的変更例１の情報バーに「閉じる」ボタンをつけます。そのボタンをクリックすると、情報バーがフェードアウトして消え、それ以降は表示されないようにします（ページをリロードすると、また表示されるようになります） … 続きを読む
jQueryによるDOMの操作
要素を作成 $()の引数に(X)HTML形式の文字列を指定します。 例えば、div要素を新たに作成するには、 // 下記は省略形。$(‘ ‘) でも構わない var div = $(‘ … 続きを読む
Webページの動的変更例１
画面下までスクロールすると、タイミングよく情報バーが表示される、という操作に対応したインタラクティブなUIを作成します。 ステップ1 コンテンツと情報バーのマークアップ ＜HTML＞ ＜CSS＞ ステップ2 jQuery … 続きを読む
Webページを動的に変更する
1つまたは複数の要素を内包したjQueryオブジェクトに対し、様々なメソッドを用いて要素の属性やスタイルを変更することができます。 // alt属性を持たないimg要素に赤いボーダーを表示する $(‘img: … 続きを読む
jQueryのコーディングの基本
Queryをインストール script要素を使用して、jQueryのソースコードを読み込むだけ、以下のコードをHTMLに含めることです。 <script src=”http://code.jquery. … 続きを読む