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');