fv17の日記 - Coding Every Day

Webエンジニアの備忘用ブログです。主にWeb界隈の技術に関して書いています。

jQuery

jQuery - CSSを操作する方法一覧

CSSのclassを操作 ある要素にCSSのclassを追加 $('要素').addClass('class名') ある要素からCSSのclassを削除 $('要素').removeClass('class名') CSSのプロパティを操作 ある要素にCSSのプロパティを追加 $('要素').css('プロパティ名', '値') 複数設定した…

jQuery - セレクタ

下記HTMLの各要素を取得、操作することで、jQueryにはどのようなセレクタがあるかをまとめる。 <p>jQueryのセレクタ</p> <ul id="main"> <li class="item">1</li> <li>2 <ul id="sub"> <li class="item">2-1</li> <li class="item">2-2</li> </ul> </li> </ul> > 直下の子要素 $('#mail > .item').css('color', 'red') 「1」のみが赤文字になる 「2-1」「2-2」は赤文字にならない (空白…