【ｊQuery】基本的な部分

jQueryの基本が分かっていないため、作業効率が悪すぎてしぼうする事数回。
さすがに、基本的なところは頭に突っ込みたいので、ちょっとだけまとめます。

以下では、過去にやろうとして詰まった部分や、使ったものメモです。
参考サイトにはもっと分かりやすく、たくさん載っているので参照下さい。

.クラス名
#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名が混ざっていても指定できます。

上の例にある、classがtestのdivの中にある、imgを取得するためには

$("div .test:has(img) img")

このようになります。
.lengthを追加すれば、imgが存在するかの判定とかもできそうです。

もし、以下のようにすると、

$("div .test:has(img)")

divタグかつtestクラスを持ち、imgタグを持つ部分すべてをを返してくれます。
つまりは、上の例の最初から最後までを返してくれます。

たくさん書いて慣れないと…。

来週から、就活ラッシュが始まります…。
ふらふら駅周辺を歩き回る迷っている感じの変な人がいたら、高確率で私です。