Webデザインの勉強と製作 | あかとんぼ

フェリカテクニカルアカデミーの学習をベースに、Webについての勉強と製作の過程をまとめています。

[jQuery]④メソッドチェーン、連想配列の利用

メソッドチェーンの方法

$(“p").prepend("<strong>先頭に挿入</strong>");
$(“p").append("<strong>最後に挿入</strong>");
  • これらをまとめて記述すると…
$( function(){
     $("p").prepend("<strong>先頭に挿入</strong>").append("<strong>最後に挿入</strong>");
});

連想配列cssのパラメータを格納し、変更する

var param = {
     "color": "red",
     "background-color": "#ccc",
     "height": "200px",
     "width": "400px"
}

$( function(){
     $("p#id1").css( param );
});
</script>
<p id="id1">テキストテキストテキストテキスト</p>
<p>テキストテキストテキストテキスト</p>
</body>
</html>