js通过class获取标签的value值_CSS选择器[attribute|= value] 和 [attribute^= value]的区别...

前言

首先你需要知道[attribute | = value] 和 [attribute ^ = value] 分别是什么？

①：[attribute | = value]

②：[attribute ^ = value]

---

使用场景

下面我用获取input为例，逐步描述何时使用[attribute | = value] 和 [attribute ^ = value]）

①：type相同，name不同，没有class（获取type即可，$("input[type=text]")）

 <input type="text" name="mary1" placeholder="mary" />
 <input type="text" name="mary2" placeholder="mary" />
 <input type="text" name="mary3" placeholder="mary" />

---

②：type不同，name相同，没有class（获取name即可，$("input[name=tom]")）