• このエントリーをはてなブックマークに追加
jQueryで文字の色を変える
閉じる
閉じる

新しい記事を投稿しました。シェアして読者に伝えましょう

×

jQueryで文字の色を変える

2013-03-11 15:30
    jQueryライブラリを読み込んでいる状態で、

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

    と記述する。
    HTML側は

    <ul>
    <li>りんご</li>
    <li>みかん</li>
    <li>ばなな</li>
    </ul>

    とする。

    すると、文字の色が赤に変わる。
    これは、jQueryのfunctionにて、CSSのcolorが操作されたことを意味する。

    サンプルソース(https(SSL)だとChromeではjQueryの読み込みがエラーになるので注意)

    東京ウェブ制作

    チャンネル会員ならもっと楽しめる!
    • 会員限定の新着記事が読み放題!※1
    • 動画や生放送などの追加コンテンツが見放題!※2
      • ※1、入会月以降の記事が対象になります。
      • ※2、チャンネルによって、見放題になるコンテンツは異なります。
    ブログイメージ
    東京ウェブ制作ブロマガ
    更新頻度: 不定期
    最終更新日:
    チャンネル月額: ¥550 (税込)

    チャンネルに入会して購読

    コメントを書く
    コメントをするにはログインして下さい。