cssの制御 css()

jQueryはいろいろな命令でHTMLやCSSを簡単に変更したり追加することが出来ます。 css()を使ってCSSプロパティを制御するには、 括弧内にプロパティ名と値をカンマ区切りで指定します。 同時に複数のプロパティの設定も可能です。 下記の例では タグ内の文字に複数のプロパティを設定します。

javascript

$(function() {
  $("button").click(function() {
    $("#sample p").css({
      "color": "red",
      "font-weight": "bolder",
      "font-size": "120%"
    });
  });
}); 

HTML

サンプルテキストサンプルテキストサンプルテキスト

表示結果

サンプルテキストサンプルテキストサンプルテキスト

投稿者:

kishiken

企業務めのWEBデザイナーです。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です