jQuery
https://gyazo.com/b712ac50c7d9e82d070a7ba5c53f547d
from https://brand.jquery.org/logos/
バージョン
1系
2.x系はIE6, 7, 8をサポートしない
読み込み
CDN or 静的ファイルのホスティング
基本
要素の取得
code:js
$("#target");
要素の作成
code:js
$('<a href="https://jquery.com/">');
$("<a>").attr("name", "jquery");
メソッドチェーン
多くのメソッドがjQueryオブジェクトを返すのでメソッドを繋げることができる
例
code:js
$("a").text("anchor");
$(セレクタ).text().css()
その他
code:js
$(document).ready(function() {
// 処理
});
code:js
jQuery === $ // true
jQuery.noConflict()
$を解放(1つ前に戻)し、格納していた値を返す
API
Ajax (jQuery)
Attributes (jQuery)
Core
CSS (jQuery)
Callbacks
Data (jQuery)
Defered (jQuery)
Dimensions (jQuery)
Effects (jQuery)
Events (jQuery)
Forms
Manipulation (jQuery)
Selector (jQuery)
Traversing (jQuery)
Utilities (jQuery)
プラグイン
https://plugins.jquery.com/
jQueryのファイルを読み込んだあとに読み込む
CSSが必要な場合もある
refs
https://jquery.com
API
https://api.jquery.com/
http://js.studio-kingdom.com/jquery/
You Might Not Need jQuery
jQueryをVanilla JSで書く方法を記載している
jQuery UI API 1.8.4 日本語リファレンス - いけまさ
jQuery日本語リファレンス - semooh.jp