JqueryでHTML・CSSの編集でやってみた事忘れないようにを書いてみた②

～～～～～～～～JqueryでCSSの書きかえ～～～～～～
①
    <script type="text/javascript">
      $(function(){
          $("a").css("font-size","30px");
          });
    </script>

■①の解説
指定したセレクタのCSSプロパティのCSSプロパティ値を追加。
CSSプロパティの値を指定しなかった場合は値を取得する。

---

②
    <script type="text/javascript">
      $(function(){
          $("a").css({
                  "font-size":"30px",
                "color":"red"
              });
          });
    </script>
■②の解説
指定したセレクタのCSSプロパティとプロパティ値を複数追加

---

③
    <script type="text/javascript">
      $(function(){
          $("p").offset({
            top : 100,
            left :100
        });

      });
    </script>
■③の解説
指定したセレクタのブラウザからの上からの距離、
指定したセレクタのブラウザからの左からの距離

---

    ④<script type="text/javascript">
      $(function(){
          var top = $("p").height(100);


      });

    </script>
■④の解説
指定したセレクタの高さをセットします。またwidthは幅を設定します。

---

   5 <script type="text/javascript">
      $(function(){
          $("p").text("testtxt").css("color","red");


      });

    </script>
dd