十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
jQuery通过name获取对象的方法是:
创新互联主要从事成都网站制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务荔波,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
使用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通常只适用于表单元素中,所以并没有专门的name选择器,但可以这样变通:
$("[name='xxx']")
$("input[name='abc']")
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"));
});
})
jquery根据name属性查找:
$("div[id]") 选择所有含有id属性的div元素;
$("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素;
$("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素;
$("input[name^='keleyi']") 选择所有的name属性以'keleyi'开头的input元素;
$("input[name$='keleyi']") 选择所有的name属性以'keleyi'结尾的input元素;
$("input[name*='keleyi']") 选择所有的name属性包含'keleyi'的input元素;
$("input[id][name$='keleyi']") 可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以keleyi结尾的元素。
扩展资料
jquery给input赋值,val的三种用法:
val()方法
定义和用法
val() 方法返回或设置被选元素的值。
元素的值是通过 value 属性设置的。该方法大多用于 input 元素。
如果该方法未设置参数,则返回被选元素的当前值。
input type="text" class="input1"
$('.input1').val('value567'); // 用法1 给input赋值value567
$('.input1').val(''); // 用法2 给input清空
$('.input1').val(''); // 用法3 返回val的值
1、编写基础的HTML文档。
2、使用.val()获取值。
3、保存文件,查看属性选择器获取的值。
4、然后在script里添加一个function,按钮事件的函数。使用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为div添加一个id属性。
5、保存文件,查看.attr()就可以获取的属性值。