基本(2ページ目)今回から、jQueryのAPI自体の使い方についても目配りしていきます。今回はまず、jQueryセレクタの基本的なものから順番に試してみます。ID名#idは、ID属性名の頭に#を付けた、jQueryセレクタで、最も基本的なセレクタです。このID名にマッチする要素を検索し返します。簡単なサンプルを作ってみます。my1my2my3my3の文字色が赤くなっていると思いますがコードは次のとおりです。$("#my3").css("color","red");});</script>$("#my3")にマッチするID名のDOM要素のCSSのcolor(文字色)をred(赤)に変えているわけです。出てきた処理で、DOM要素の構築を待ってからfunction(){}内の処理を行うことで、未構築の要素へのアクセスエラーなどを回避する言い回しです。ところで、セレクタで検索して、処理を行うといっても、#ID名で検索した結果に直接innerHTMLで文字列を出力することはできません。次のような書き方はできないのです。//使えませんセレクタによる検索の結果返されるのは、あくまでも、検索結果を含むjQueryオブジェクトだからです。innerHTMLのようにHTML文字列を出力したいなら、検索結果に.html("HTML文字列")や.append("HTML文字列")のようにしてメソッドを接続して処理を行います。;では、検索結果にHTML文字列を出力するサンプルとして.html()を使ってみます。次のボタンをクリックしてみてください。#my4を探しますこれは、次のコードで動作しています。$("#my4").html("idがmy4の要素を見つけました。この場合は、ボタンをクリックすると、$("#my4")で検索されたDOM要素へ"idがmy4の要素を見つけました。ひとつ試してみましょう。IDがピリオドやコロンを含む時は、ダブルのバックスラッシュ(円?記号)でエスケープする必要がありますので、それも試してみましょう。エスケープしています。test3.0test4,000test5.0test6,000コードは次のとおりです。});次ページでは、タグ名をセレクタに使ってみます。About公式SNS日々の生活や仕事を楽しむための情報を毎日お届けします。