大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jQuery通过name获取对象的方法是:
创新互联专注于企业营销型网站、网站重做改版、那坡网站定制设计、自适应品牌网站建设、H5技术、商城网站建设、集团公司官网建设、外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为那坡等各大城市提供网站开发制作服务。
使用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设置对象值,设置的是所有对象的值。
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"));
});
})
name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
1
2
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
1
2
3
4
5
6
7
div class="box"
span点击按钮获取文本框的name属性值:/span
div class="content"
input type="text" name="test" value="这个文本框的name属性值为test"
/div
input type="button" class="btn" value="获取文本框name值"
/div
设置css样式
1
2
3
4
5
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代码
1
2
3
4
5
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("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'
});
});
1、编写基础的HTML文档。
2、使用.val()获取值。
3、保存文件,查看属性选择器获取的值。
4、然后在script里添加一个function,按钮事件的函数。使用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为div添加一个id属性。
5、保存文件,查看.attr()就可以获取的属性值。