ImpressCMS
HOME  >  JSCRIPT  > DOMの指定方法 > 属性(attr)の値に当てはまる要素を選択

10 - 5 : 属性(attr)の値に当てはまる要素を選択

jQuery: $(‘[属性=””]’)    css: [属性=””]…
index.htmlの最後の方に、フォームで使うボタンを設置しています。htmlソースで見ると
    <input type="button" id="button1" value="ボタン1"> 
という形で表記されています。ここでの属性は「type=”button”」というのがinput要素の属性になります。ちなみにid=”…”は、idセレクタになり、 value=”…”は値になりますので属性にはなりません。
ということで、属性がbuttonになっているinput要素については、背景色を黄色にすることにしましょう。この場合は以下のように表記を行います。
    $('[type="button"]').css('background-color','yellow');
ボタン1からボタン3までが黄色いボタンに変化しましたでしょうか。
ちなみにボタン4をよく見ると input=”submit”となっていますので、buttonと違いますので変化はありません。

 
Publish : 1262 bytes - updated 2024-07-10 by 管理人