jQueryメモ(ドットインストール編)(編集中)

　jQueryとは

Javascriptを便利に扱うためのライブラリ

公式サイト

書き方

初級

お堅い書き方

$(document).ready(function() {
//ここに記載
});

一般的には上記のdocument...を省略して書く

$(function() {
//ここに記載
});

例えば pタグ の色の変更する場合は以下のように記載する

$(function () {
   $('p').css('background', 'red');
});

要は

$(function () {
   $('A').B();
});

「AをBする」という記載方法でこれだけ覚えておけば十分
Aにはタグ名だったり、id/classを指定する。
Bには処理を書く（click,css等)

フィルタの使用

フィルタを使えばリストの特定のタグのみに効果を適用できる。

効果	書き方
イコール	:eq()
大なり＞	:gt()
小なり＜	:lt()
奇数	:even
偶数	:odd
含む	:contains()
最初、最後	:first,:last

※カッコ内は数値

example.html

<ul>
 <li>0</li>
 <li>1</li>
 <li>2</li>
 <li>3</li>
</ul>

example.js

$(function () {
  $(ul > li:eq(1)).css('color', 'red');
})

実際の表示

---

0
1
2
3

---

20170803追記
多分これでもかける

example.js

$(function () {
  $('ul li:eq(1)').css('color', 'red');
})

20170803追記

DOM要素の指定

効果	書き方
親要素	parent()
子要素	child()
次の要素	next()
前の要素	prev()
兄弟要素	siblings()

example.html

example.js

こちらのサイトも非常にわかりやすいので参考にさせていただきました。