jQueryで要素を指定する方法にはidで指定したりクラスを指定したり、いろんな指定方法があって覚えられないので、指定方法をまとめまておきたいと思います。
様々な指定方法
対象 | 指定方法 | 例 |
---|---|---|
id | $(‘#要素のid名’) | $(‘#hoge’) |
クラス | $(‘.クラス名’) | $(‘.hoge’) |
タグ名 | $(‘タグ名’) | $(‘div’) $(‘input’) |
属性値 name指定 | $(‘[name=要素のname値]’) | $(‘[name=hoge]’) |
属性値 type指定 | $(‘[type=要素のtype値]’) | $(‘[type=text]’) $(‘[type=checkbox]’) |
親子関係 | $(‘親要素 > 子要素’) | $(‘#hoge > input’) $(‘table > .hoge’) |
チェックされたチェックボックス | $(‘:checked’) | $(‘input[type=checkbox]:checked’) |
偶数行 | $(‘:even’) | $(‘tr:even’) |
奇数行 | $(‘:odd’) | $(‘tr:odd’) |
idやクラスを指定することはよく使いますが、親子関係や、偶数行、奇数行の指定を使いこなせるようになると、一気に出来ることが増えてくると思います。
コメント