プロジェクションマッピング

エンターテインメントから工業利用まで、プロジェクションマッピングの活用・運用をお考えの方へ

more

インタラクティブ&サイネージ

情報表示用のデジタルサイネージから、センサーを利用したインタラクティブ要素などをお考えの方へ

more

VR/360MOVIE

VRHMD用コンテンツからプラットフォームを利用した360度ムービーを活用したPRをお考えの方へ

more
CONTACT 052-253-9866

jQueryを勉強しようvol.2「jQueryのセレクタと記述方式」

2010.02.16 火曜日 21:03:22

第一回目は「jQueryを勉強しようvol.1「jQueryのraedy関数について」」というエントリーで
基本的な命令の出し方を学びましたが、今回はjQueryを使った時に、
HTML側の要素を指定する方法につてまとめました。
 

 

セレクタと記述方式

要素を指定するにはセレクターを指定する必要があります。
セレクタの指定形式は下記の通り

$(function(){
	$("セレクタ名").jQueryの命令部分
	});

とセレクタ名を指定しておいて、ドットで区切り、
命令を記述します。jQueryの場合ほぼ全ての形式が上記の形で
書く事になりますので、この構造を覚えておきましょう。
 
 

具体的なセレクタ

上記コードの「セレクタ名」と書かれている所には何が入るのか?
下記のコードだとliという要素に対して、CSSのcolorプロパティを
赤に変更せよという形になります。

$(function(){
	$("li").css("color","red");
	});

もちろん要素だけではなくて、CSSと同じような感覚ID名、クラス名、
子要素のみだったり、グループだったり、jQuery独自のフィルターなど、
様々な範囲のセレクタ指定方法が準備されておりセレクタの指定の方法は多数あります。

海外版にはなりますが、セレクタのチートシートが便利ですので
セレクタ一覧が見たいと言う方は「jQuery Selectors | Refcardz」をどうぞ。
 

セレクタに関する役立ちそうなエントリー

jQuery を高速に使う CSS セレクタの書き方 – てっく煮ブログ
jQueryのセレクタ 基本 – [JavaScript]All About
jQueryのセレクタを徹底マスターするのに最適!『jQuery Selectors』 – IDEA*IDEA ~ 百式管理人のライフハックブログ
 

Category:DEVELOP     Tag:css function javascript jQuery 関数
Authorブログの著者について
田中 義弘

田中 義弘

イベントプロダクション・グラフィックデザイナーを経て、2010年3月に株式会社アイデアクラウドを設立。近年、WEBから得た技術をベースに、プロジェクションマッピング事業をはじめとした先端事業をスタート。

フェイスブック
ツイッター
インスタグラム
Our Business
最近の記事
人気記事
Our Project