13518219792
给定一个HTML文档，如何使用jQuery按name属性选择元素？下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法，希望对大家有所帮助。
成都创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、网站设计、外贸网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的临湘网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
在jQuery中，可以使用2个方法通过name属性选择元素；下面就来通过示例来介绍一下。
方法1：使用name属性选择器
name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
语法：
示例：
输出：
方法2：使用javascript按名称获取元素并将其传递给jQuery
可以使用javascript getElementsByName()方法选择所需的元素，并将其传递给jQuery函数，以进一步用作jQuery对象。
语法：
示例：
输出：
更多 web开发 相关知识，请查阅 HTML中文网 ！！
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：
$('body').append($('input[name="a"]').length);
3、浏览器运行index.html页面，此时成功通过checkbox的name取到数组。
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样式的名称
需要知道这个标签是什么，然后使用名字来定位。
例如：
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="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设置对象值，设置的是所有对象的值。
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
