jQueryのメソッドについてまとめてみました。
-----------------------------------------------
メソッド:.css
CSSに対する処理、値の設定、取得が可能
(例)p要素の文字色を赤にし、背景色を青にする
$('p').css('color','red').css('background','blue');
(例)p要素に設定されている色を取得し、コンソールに表示
console.log($('p').css('color'));
-----------------------------------------------
メソッド:.addClass
指定したスタイルのクラスを要素に追加する
(例)p要素にmyStyleクラスを適用する
$('p').addClass('myStyle');
-----------------------------------------------
メソッド:.removeClass
指定したスタイルのクラスを要素から削除する
(例)p要素からmyStyleクラスを削除する
$('p').removeClass('myStyle');
-----------------------------------------------
メソッド:attr
htmlの属性値を取得や変更を行う
(例)a要素のhref属性の値を取得し、コンソールに表示
console.log($('a').attr('href'));
(例)a要素のhref属性を指定した値に設定する
$('a').attr('href','http://www.amazon.com');
-----------------------------------------------
メソッド:data
カスタム属性のデータを取得する
(例)a要素のdata-のあとが'sitename'のデータ値を取得する
$('a').data('sitename')
-----------------------------------------------
メソッドチェーン:メソッドを繋げて書く
(例)指定した要素に対して、赤色にしてからゆっくり消す
$("p").css('color','red').hide('blue');