name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
成都创新互联公司是一家专业的成都网站建设公司,我们专注网站设计制作、成都做网站、网络营销、企业网站建设,外链,广告投放为企业客户提供一站式建站解决方案,能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高,创新互联力求做到尽善尽美。
$("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"));
});
})
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结尾的元素
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");
:name是input标签的属性值,jQuery提供了attr()方法用于设置/改变属性值$("input:text").attr("name");$("input:text").prop("name");//也可以使用