jquery获取name,jquery获取name属性值

使用jQuery按name属性选择元素

给定一个HTML文档，如何使用jQuery按name属性选择元素？下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法，希望对大家有所帮助。

在jQuery中，可以使用2个方法通过name属性选择元素；下面就来通过示例来介绍一下。

方法1：使用name属性选择器

name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。

语法：

示例：

输出：

方法2：使用javascript按名称获取元素并将其传递给jQuery

可以使用javascript getElementsByName()方法选择所需的元素，并将其传递给jQuery函数，以进一步用作jQuery对象。

语法：

示例：

输出：

更多 web开发 相关知识，请查阅 HTML中文网 ！！

相关问答

Q1: 如何用jquery获取button里的name值？

name是button元素的属性，那么可以使用获取属性的方法获取name值：

$("input:button").attr("name"); // jQuery attr() 方法用于获取属性值

$("input:button").prop("name"); // prop()方法也可以用于获取属性值，绝大多数情况下二者通用

示例如下：

创建Html元素：多个不同name属性的button

input type="button" name="button1" class="button" value="提交"

input type="button" name="button2" class="button" value="提交"

input type="button" name="button3" class="button" value="提交"

input type="button" name="button4" class="button" value="提交"

input type="button" name="button5" class="button" value="提交"

简单设置一下css样式

input[type='button']{width:200px;height:35px;margin:10px;border:2px dashed #ebbcbe;}

编写jquery代码：点击某个button后弹出框显示其name属性值

$(function(){

$("input:button").click(function() {

var value = $(this).attr("name"); // $(this)表示获取当前被点击元素的name值

alert(value);

});

})

1、程序不仅需要给计算机读 , 也要给程序员读。 程序设计风格的原则 , 代码应该清楚的和简单的 , 具有直截了当的逻辑 , 自然的表达式 , 通行的语言使用方式 , 有意义的名字和帮助作用和注释。

2、自定义类型名以大写字母开头,各单词之间以大写字母分隔,如 CallType (即骆驼式命 名法) 。 变量名以小写字母开头, 各单词之间以大写字母 分隔 (变量活动范围前缀以下划线 分隔) ,如 m_pReleaseIn。函数名以大写字母开头,各单词之间以大写字母分隔(进程、进 程页及子函数前缀以下划 线分隔) ,如 Sub_ErrorDealing。

Q2: jquery中怎么获取name属性

attr(name|properties|key,value|fn)

参数

nameStringV1.0

属性名称

properties MapV1.0

作为属性的“名/值对”对象

key,value

String,ObjectV1.0

属性名称，属性值

key,function(index, attr)

String,FunctionV1.1

1:属性名称。

2:返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值。

参数name 描述:

返回文档中所有图像的src属性值。

jQuery 代码:

$("img").attr("src");

Q3: jquery 怎么获取name

name是input标签的属性值，jQuery提供了attr() 方法用于设置/改变属性值

$("input:text").attr("name");

$("input:text").prop("name"); // 也可以使用prop()方法获取属性

示例代码如下

创建Html元素

div class="box"

span点击按钮获取文本框的name属性值：/spanbr

div class="content"

input type="text" name="test" value="这个文本框的name属性值为test"

/div

input type="button" class="btn" value="获取文本框name值"

/div

设置css样式

div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

div.boxspan{color:#999;font-style:italic;}

div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}

input[type='text']{width:200px;height:30px;border:none;}

input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}

编写jquery代码

$(function(){

$("input:button").click(function() {

alert($("input:text").attr("name"));

});

})

Q4: jquery怎么获取name属性的值

Js代码

:

$("div[id]")

选择所有含有id属性的div元素

$("input[name='newsletter']")

选择所有的name属性等于'newsletter'的input元素

$("input[name!='newsletter']")

选择所有的name属性不等于'newsletter'的input元素

$("input[name^='news']")

选择所有的name属性以'news'开头的input元素

$("input[name$='news']")

选择所有的name属性以'news'结尾的input元素

$("input[name*='man']")

选择所有的name属性包含'news'的input元素

$("input[id][name$='man']")

可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

Q5: 如何用 jquery 获取button里的name值。

可以用jquery的attr函数获取button里面的name值。

1、新建html文档，在body标签中添加input标签，标签类型为button，为这个标签设置一个id，然后引入jquery文件：

2、获取之前设置id的input标签，代码的格式是$('#id名')，这时之前设置id的input标签就会被选中：

3、为选中的标签添加attr函数，函数的参数为name，这时button里面的name值就被获取到了：