作成日:2019-02-18, 更新日:2019-02-18
基本
| 記号 | 記述例 | 備考 |
|---|---|---|
| ^= | $([属性^=値]) | 前方一致：「属性値」が「値」で始まる |
| $= | $([属性$=値]) | 後方一致：「属性値」が「値」で終わる |
| *= | $([属性*=値]) | 部分一致：「属性値」に「値」を含む |
| = | $([属性=値]) | 完全一致：「属性値」が「値」である |
例：
<ul> <li id="tori_niku_shio">鳥精</li> <li id="tori_reva_shio">鳥レバー</li> <li id="tori_hatu_tare">鳥ハツ</li> <li id="tori_hone_shio">鳥ナンコツ</li> <li id="tori_kawa_tare">鳥皮</li> <li id="buta_niku_shio">豚精</li> <li id="buta_reva_tare">豚レバー</li> <li id="buta_hatu_shio">豚ハツ</li> <li id="buta_hone_tare">豚ナンコツ</li> <li id="buta_kawa_shio">豚皮</li> <li id="zebr_niku_shio">丸ごとシマウマ</li> </ul> <script> // $([id^=tori_]) →「id=tori_〇〇〇」が取得される // $([id$=_shio]) →「id=〇〇〇_shio」が取得される // $([id*=_niku_]) →「id=〇〇〇_niku_〇〇〇」が取得される // $([id=zebr_niku_shio]) →「id=zebr_niku_shio」が取得される </script>