使用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(    

a,    

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取值遍历：

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

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

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

$("input[name='inp']").each(function(){alert($(this).val());})

扩展资料：

取出form中的input：

script type="text/javascript" language="JavaScript" charset="UTF-8"

$(document).ready(function(){

var a=$("form input");

$.each(

a,

function(name,object){

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

}

);

});

/script

网页题目：jquery根据name,jquery根据name获取input的值
网页网址：http://kswjz.com/article/dsspeog.html