jquery 怎么获取name

jquery 怎么获取name,第1张

name是input标签属性值,jQuery提供了attr() 方法用于设置/改变属性值

$("input:text")attr("name");

$("input:text")prop("name"); // 也可以使用prop()方法获取属性

示例代码如下

创建Html元素

<div class="box">

<span>点击按钮获取文本框的name属性值:</span><br>

<div class="content">

<input type="text" name="test" value="这个文本框的name属性值为test">

</div>

<input type="button" class="btn" value="获取文本框name值">

</div>

设置css样式

divbox{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}

divbox>span{color:#999;font-style:italic;}

divcontent{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"));

});

})

1、新建一个html文件,命名为testhtml。

2、在testhtml文件内,分别在p标签内,使用input标签创建文本输入框,用于内容的输入。

3、在testhtml文件内,给每个input元素设置class属性,统一设置为myput,主要用于下面一次性获得所有的input对象。

4、在testhtml文件内,使用button标签创建一个按钮,按钮名称为“获取多个value值”,给button按钮绑定onclick点击事件,当按钮被点击时,执行getinput()函数

5、在js标签中,创建getinput()函数,在函数内,定义一个空的arr数组,用于保存多个value值。同时,通过类名获得input对象,使用each()方法遍历所有的input对象,每次遍历,执行function()方法。

6、在function()方法内,使用val()方法获得input的value值,并使用push()方法将value值存进arr数组中,最后,使用alert()方法将数组输出来。

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml,并引入jquery。

2、在indexhtml中的<script>标签,输入jquery代码:

$('body')append($('tr td[name="a"]')text());

3、浏览器运行indexhtml页面,此时成功查找到了tr下name为“a”的td的内容。

可以通过很多方式获取:id,name,class等都可以获取

$("#id")attr("自定义属性")

$("input[name="名称"]")attr("自定义属性")

$("class")attr("自定义属性")

模式就是这样的

1、编写基础的HTML文档。

2、使用val()获取值。

3、保存文件,查看属性选择器获取的值。

4、然后在script里添加一个function,按钮事件的函数。使用jquery的 attr方法来设置属性就行了,参数第一个是要添加的属性名,第二个就是属性的值。这里我们为div添加一个id属性。

5、保存文件,查看attr()就可以获取的属性值。

你说的是这样么?<input name="name">  。

如果是的话:  jquery("input[name='name']")val();

但是一般不建议这么用, 这么用大多是用来控制样式,而不是取值,取值这个都需要精确控制,所以设置个ID, 指定获取更好

比如:

html代码:<input type="text" name="text1" id="input1" value="abc" />。

jq代码:&#36;("input")val();//会获取所有input元素的值,如果只有一个,就显示这一个。

&#36;(":text")val();//会获取所有input中类型为text的值;

&#36;("[name=='text1']")val();//会获取所有name为text1的值;

&#36;("#input1")val();//会获取id为input1的值,id在html中只能有一个。

如果要设置这个元素的值,就只需把val()中写上要设置的值就可以如:&#36;("input")val("123");//看一下效果

其实有一个非常简单的方法,那就是在那几个相同name的标签里面加上一个相同的类。你可以在标签里面写几个类的如:<div class="fdiv tdiv mdiv"></div>;就可以了在调用

$('fdiv')就可以了啊

以上就是关于jquery 怎么获取name全部的内容,包括:jquery 怎么获取name、jquery获取input标签的value、JQuery怎么查找tr下面某个name的td内容等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9611539.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存