【jQuery】基本的な部分
jQueryの基本が分かっていないため、作業効率が悪すぎてしぼうする事数回。
さすがに、基本的なところは頭に突っ込みたいので、ちょっとだけまとめます。
参考サイトは有名なこちら
http://semooh.jp/jquery/api/selectors/
以下では、過去にやろうとして詰まった部分や、使ったものメモです。
参考サイトにはもっと分かりやすく、たくさん載っているので参照下さい。
基本の基本
.クラス名
#id名
classやidはそれぞれ.や#で指定します。
タグを指定する場合は、タグ名をそのまま。
階層指定
ancestor descendant descendant(子孫)はancestor(先祖)の子要素全てを指します。必ずしも直下である必要はありません。
例:
<div class="test"> <span>a<span>c</span></span> <span>b</span> <img src="hoge"> </div>
classがtest以下のimgを取りたい時
$(".test img")
スペースで空けて順番に記述するだけで階層構造を表せます。
タグの名前同士でなくても、クラス名やid名が混ざっていても指定できます。
コンテントフィルタ
取得したdivの中にimgがあるか?など判定したい時
上の例にある、classがtestのdivの中にある、imgを取得するためには
$("div .test:has(img) img")
このようになります。
.lengthを追加すれば、imgが存在するかの判定とかもできそうです。
もし、以下のようにすると、
$("div .test:has(img)")
divタグかつtestクラスを持ち、imgタグを持つ部分すべてをを返してくれます。
つまりは、上の例の最初から最後までを返してくれます。
たくさん書いて慣れないと…。
来週から、就活ラッシュが始まります…。
ふらふら駅周辺を歩き回る迷っている感じの変な人がいたら、高確率で私です。