jQuery概要
jQueryとは
JavaScriptのライブラリ
jQueryのメリット
生のJavaScriptよりコードが簡潔で簡単にかける
ブラウザ間の違いを吸収してくれる
準備が出来たら実行する – ready( )
$(document).ready(function(){実行内容});
↓省略↓
$(function(){実行内容});
画像の読み込みを待つための記述
$(window).on(load,function(){実行内容});
基本のセレクタ
$(“セレクタ”).メソッド(パラメータ);
用語意味
| セレクタ | スタイルを適用する要素 |
|---|---|
| メソッド | 方法、方式、手法、やり方 |
| パラメータ | 外部から投入されるデータ |
セレクタ種類
| 要素セレクタ | $(“p”) | 要素を指定 |
|---|---|---|
| IDセレクタ | $(“#main”) | IDを指定 |
| クラスセレクタ | $(“.first”) | クラスを指定 |
| 子孫セレクタ | $(“p em”) | 特定要素の子孫要素を指定 |
| ユニバーサルセレクタ | $(“*”) | *(アスタリスク）全ての要素を指定 |
| グループセレクタ | $(“.first, .third”) | 複数の要素を指定 |
| チャイルドセレクタ | $(“li > em”) | 子要素のみ指定 |
| 隣接セレクタ | $(“h1 + h2”) | ２つの要素が隣接のみ指定 |
| 間接セレクタ | $(“.second ~ li”) | 同じ親要素を持ち、指定した要素より後の弟要素を指定 |
| :first-child 擬似クラスセレクタ | $(“li:first-child”) | 一番最初の要素のみ指定 |
| :not 擬似クラスセレクタ | $(“li:not:first-child”) | 指定条件以外の要素を指定 |
