読者です 読者をやめる 読者になる 読者になる

ねっとぱんだ

webdesignとprogramingの勉強ブログ。

jQuaryのメソッドの種類

jQuery

今回はjQueryのメソッドの記述法と種類についてまとめてみました。

・メソッドの記述

・1つの指示の場合

$("セレクタ").css("color","#fff");

・複数の指示の場合

$("セレクタ").css("color","#000");
$("セレクタ").css("font-size",12px");
$("セレクタ").css("border","2px dotted #9df");

セレクタが同じ場合

$("セレクタ").css({
  "color","#000",
  "font-size",12px",
  "border","2px dotted #9df",
})
;

セレクタが同じでメソッドが複数の場合(メソッドチェーン)

$("セレクタ") .html("a").css("color","#000") ;

・メソッドの種類

・html、text(#aの文字列を取得)

alert($("#a") .html());
alert($("#a").text());

・html(#aに「あ」を上書き。htmlタグが使える。)

$("#a").html("<strong>あ</strong>");

・html(#aを空にする)

$("#a").html("");

・text(#aに「あ」を上書き。htmlタグは使えない。)

$("#a").text("あ");

・val(#aのvalueを取得)

alert($("#a").val());

・val(#aに「あ」を上書き)

$("#a").val("あ");

・val(#aを空にする)

$("#a").val("");

・attr(#aの属性値(例:class)を取得)

alert($("#a").attr("class"));

・attr(#aの属性値(例:class)をbに変更)

$("#a").attr("class","b");

・attr(#aの属性値(例:class)を空にする)

$("#a").attr("class","");

・removeAttr(#aの属性値(例:class)を排除する)

$("#a").removeAttr("class");

・prepend(#aの中の最初にbを追加する)

$("#a").prepend("b");

・prepend(#aの中の最後にbを追加する)

$("#a").append("b");

・append(#aの前にbを追加する)

$("#a").before("b");

・before(#aの前にbを追加する)

$("#a").before("b");

・after(#aの後にbを追加する)

$("#a").after("b");

・empty(#aの子要素を全て排除)

$("#a").empty();

・remove(#aを排除)

$("#a").remove();