
jQueryを使用するには、単一のjQueryファイルをダウンロードしてパーソナルサーバーにローカルに配置するか、GoogleやMicrosoftなどの企業から公開されているCDNを使用します。 jQueryをロードするには、GoogleのCDNからjQueryをロードする以下の例のように、HTMLコードに次のスクリプト行を配置します。 公開CDNを使用すると、訪問者がスクリプトファイルを既にダウンロードしてキャッシュしている可能性があるため、ページの読み込み速度が向上する可能性があります。
以下の例のように、$関数を使用してJavaScriptがロードされたら。
関数toggleDiv(divId){$( "#" + divId).toggle(800); }
上記の例では、JavaScriptがトグルjQuery関数をロードして下のdivを表示および非表示にしています。 トグルの800は、divが非表示または表示されているときにdivにアニメーションを表示します。
切り替えボタン
このサンプルテキストは、jQueryのデモンストレーションに役立ちます。 切り替えボタンを押すと、このテキストが表示されたり非表示になったりします。
最後に、上記のHTMLコードはトグルボタンとdivを作成し、トグルの状態に応じて表示と非表示を切り替えます。
実例
切り替えボタン
このサンプルテキストは、jQueryのデモンストレーションに役立ちます。 切り替えボタンを押すと、このテキストが表示されたり非表示になったりします。
AJAX、JavaScript、Webデザイン用語