jquery根据name,jquery根据name获取input的值

使用jQuery按name属性选择元素

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

成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、网站设计、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的临湘网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

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

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

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

语法：

示例：

输出：

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

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

语法：

示例：

输出：

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

jquery如何通过name获取数组

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的script标签，输入jquery代码：

$('body').append($('input[name="a"]').length);

3、浏览器运行index.html页面，此时成功通过checkbox的name取到数组。

jquery通过name，id名称获取当前value值

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

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

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

$("*[name='name']").val(); //获取vlaue值

$("*[name='name']").attr('id','name'); //添加id名称

$("*[name='name']").after('

jquery通过name属性取值的方法

alert($("input[name='inputTest']").val());

alert($("input[type='text']").attr("id")); //这个是取id的值，方便记就写在这儿了

$("input[name='inputTest']").each(

function(){

alert($(this).val());

}

)

alert($("input[name='inputTest']")[0].value);

alert($("input[name='inputTest']")[1].value);

alert($("input[name='inputTest']").get(0).value); //此处也可以得到值，等同于上面两行

alert($("input[name='inputTest']").get(1).value);

根据name取值：

$("input[name='mobile']").val()

根据id取值:

$("#mobile_reg_form").html()

根据name取值了遍历：

$("input[name='mobile']").each(

function(){

alert($(this).val());

}

)

取出form中的input：

$(document).ready(function(){

vara=$("form input");

$.each(

function(name,object){

alert(name+":"+$(object).val());

}

);

});

得到值（多个的情况）：

$("input[name='mobile']")[0].value

$("input[name='mobile']").get(1).value

-----jquery添加删除样式--------

给一个标签添加样式:

$("#id").addClass("style");

删除一个标签的样式:

$("#id").removeClass("style");

注:"#id" id是对应标签的id,style是对应css样式的名称

jquery中怎么根据name属性定位一个元素

需要知道这个标签是什么，然后使用名字来定位。

例如：

input name='username' value='enozoom.com' /

来获取这个name为username的value值

$(function(){

alert($("input[name='username']").val())

})

扩展资料：

jquery中的常见小技巧：

1、DOM遍历是昂贵的，将变量缓存起来。

代码：

var $ele = $('#ele');

var h =

$ele.height();

$ele.css('height',h-20);

2、优化选择符。

代码：

$('#myid')

3、避免隐式通用选择符。

代码：

$('.someclass input:radio')

4、避免通用选择符。

代码：

$('.container').children()

5、尽可能保持代码简洁。

代码：

if(arr.length){}

6、尽可能地合并函数。

代码：

$f.on("click", function(){

$(this).css({

'border':'1px solid

red',

'color': 'blue'

});

jquery怎么用name获取对象？

jQuery通过name获取对象的方法是：

使用jQuery获取name="nw"的input对象：$('input[name="nw"]');

使用$('input[name="nw"]').val()方法或$('input[name="nw"]').html()方法来获取其值。

和JavaScript获取对象值一样，input、select、textarea等表单类对象用val()方法来获取其值；div、span等对象用html()获取其值，如：$('input[name="nw"]').val();

设置对象的值，如：$('input[name="nw"]').val('123');

注意：

1.通过name获取对象值，获取的是第1个对象的值。name是可以重复的。

2.通过name设置对象值，设置的是所有对象的值。

jQuery,根据name获取多个input表单的值

1、根据name取值：

input name="inp" type="text" value="aaa"

input name="inp" type="text" value="bbb"

input name="inp" type="text" value="ccc"

$("input[name='inp']").val()

2、根据name取值遍历：