JQuery如何按name属性选择元素

如果想按照元素的name属性来选择元素, 可以使用JQuery的[attribute=value]选择器。具体而言，使用[name=value]即可选中拥有name属性值为value的元素。

以下是两个使用示例：

示例一：选中所有input元素中name属性为email的元素

html代码:

<input type="text" name="username">
<input type="text" name="email">
<input type="password" name="password">

Javascript代码:

$("input[name='email']").css("background-color", "yellow"); 

上述代码使用了[name=value]选择器，并将选中的元素的背景色修改为黄色。最终，只有name属性为email的input元素的背景色被修改。

示例二：选中所有input元素中name属性值以user开头的元素

html代码:

<input type="text" name="username">
<input type="text" name="email">
<input type="password" name="password">
<input type="text" name="user_id">
<input type="text" name="user_name">

Javascript代码:

$("input[name^='user']").css("background-color", "yellow"); 

上述代码使用了以[name^=value]的选择器，并将选中的元素的背景色修改为黄色。最终，拥有name属性值以user开头的input元素的背景色被修改。