如何用jquery获取input输入框中的值

name是input标签的属性值，jQuery提供了attr()方法用于设置/改变属性值$("input:text")attr("name");$("input:text")prop("name"); // 也可以使用prop()方法获取属性示例代码如下创建Html元素点击按钮获取文本框的name属性值：设置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"));});})观察效果

jQuery的val()方法是专门用来获取表单元素值的，而textarea也属于表单元素所以可以直接用val()方法获取。

不过要注意，由于textarea是个双标记因此text()或html()方法也可以获取到其中的信息，但建议不要这样获取，因为val()是专用于获取值的方法，比text()或html()更可靠。

看下面的例子

<script src=">

使用jQuery获取Button的值的方法如下：

1、获取button对象，可根据button的id或者class属性或者name属性等来获取想要的button对象；

2、根据对象获取值；

例：

现有button，id = bt

<button id='bt' value='123' />

获取对象的方法：$("#bt");

获取值的方法用val()方法获取值，完整写法：$("#bt")val();

// 这是取$("xxxx") 这个选择器选到的对象的value

$("xxxx")val();

// 这是向$("xxxx") 这个选择器选到的对象的value里赋值"test"

$("xxxx")val("test");

也就是说val();这个方法是双向的 能读数据能写数据

更多例子请看:>

这个规则适用很多方法

想系统学习jquery 请看:>

以上就是关于如何用jquery获取input输入框中的值全部的内容，包括:如何用jquery获取input输入框中的值、如何用jquery动态获取input中的val值和textarea的值、jquery获取按钮的id的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！