JQuery中根据属性或属性值获得元素(6种情况获取方法)

下面是详细讲解“JQuery中根据属性或属性值获得元素(6种情况获取方法)”的完整攻略。

1. 根据属性名获取元素

可以使用[attribute]这种形式来获取特定属性的元素，例如：

<input type="text" name="username" id="username">

可以使用以下代码来获取name属性是username的元素：

var inputEle = $('[name="username"]');

2. 根据属性值获取元素

可以使用[attribute=value]这种形式来获取特定属性值的元素，例如：

<input type="text" name="username" id="username">

可以使用以下代码来获取id属性是username的元素：

var inputEle = $('[id="username"]');

3. 根据多个属性值获取元素

可以使用[attribute1][attribute2]这种形式来获取具有多个属性的元素，例如：

<input type="text" name="username" id="username" class="form-control">

可以使用以下代码来获取name属性是username且class属性是form-control的元素：

var inputEle = $('[name="username"][class="form-control"]');

4. 根据属性值前缀获取元素

可以使用[attribute^=value]这种形式来获取具有属性值以某个值为前缀的元素，例如：

<input type="text" name="username" id="username">

可以使用以下代码来获取name属性以user开头的元素：

var inputEle = $('[name^="user"]');

5. 根据属性值后缀获取元素

可以使用[attribute$=value]这种形式来获取具有属性值以某个值为后缀的元素，例如：

<input type="text" name="username" id="username">

可以使用以下代码来获取id属性以name结尾的元素：

var inputEle = $('[id$="name"]');

6. 根据属性值包含字符串获取元素

可以使用[attribute*=value]这种形式来获取具有属性值包含某个字符串的元素，例如：

<input type="text" name="username" id="username" class="form-control">

可以使用以下代码来获取class属性包含control字符串的元素：

var inputEle = $('[class*="control"]');

上述是 Jquery 中根据属性或属性值获得元素的6种情况获取方法，可以根据不同需求选择不同方式获取元素。