world!」と表示するjavaScriptは以下の様になります。world!";しかしjQueryを利用すれば、以下の様に記述できます。world!"に相当します。world!");上記のようにシンプルなサンプルでは差が少ないのですが、複雑なサンプルになればなるほど差が出てきます。特定の要素に外部から読み込んだテキストデータを表示するためには10行ほどコードを書かなければなりません。→参考:おしえてgoo「.txtファイルの読み込み」しかしjQueryを利用すれば、以下の様に1行で済みます。ブラウザ上で確認できるサンプルはリファレンスのloadメソッドのページにあります。→参考:リファレンス「loadメソッド」$("#test").load("simple.txt");ブラウザ間の差異を吸収javaScriptはブラウザによって利用できるメソッドやプロパティが異なり、クロスブラウザなコンテンツを実現するのが面倒です。more」よりも嬉しいメリットです)。要素の透明度を変更するのはopacityプロパティを利用して、以下の様に記述します。0.5;しかしIEはopacityが利用できないため、filterプロパティを利用して以下の様に記述しなければなりません。"alpha(opacity=50)";ブラウザによって処理を振り分けるのは手間が掛かり、ソースコードも読みにくいものになってしまいます。jQuery(以下)を利用すれば、IEもそれ以外のブラウザも同じように機能させることができます。0.5);さらにv1.8からは、ベンダープレフィックスも自動で補完してくれるようになりました。prefixing」の項目を確認してください)デザイナーにも利用しやすい上記2項目もデザイナーにとっては非常に嬉しいメリットですが、さらにcssとの共通性もデザイナーやコーダーの方にメリットとなります。それはjQueryはインタラクションの対象としてcssが利用できるからです。最初に紹介した以下のjQueryのサンプルですが、対象を指定する「#test」はcssと共通で、id属性がtestの要素という意味になります。world!");またjQueryのセレクタはcss3のセレクタと共通のものも多く、css3の予行練習としても役立つのではないでしょうか?→参考:W3Cのcss3セレクタの紹介とjQueryのセレクタの紹介さらに「スライドショー」や「タブメニュー」など、従来はjavaScriptプログラマーに頼まなければならないような処理でも、デザイナーが作成できる点などもデザイナーにとっては嬉しいでしょう。Slider)を紹介しています。jQueryをHTMLに組み込む本格的な説明は次のページから始めるのですが、ここでjQueryの組み込みだけ策に説明しておきます。いえhtmlへの組み込み方は他の外部jsファイルと同じで、以下の様にhead領域にscriptタグを書くだけです。※src属性のパスは必要に応じて変更して下さい。src="jquery-1.9.1.min.js"></script>では実際に組み込んだサンプルを確認します。サンプル(merit/01.html)を開いてソースを確認し、head領域に上記のようなscriptタグが設定されていることを確認してくださいscr属性のパスだけが異なります。今回はここで終了です。次は、ほとんどのjQueryコンテンツで必要になるreadyイベントについて説明します。