jquery如何求输入框的值

这篇文章主要介绍了jquery如何求输入框的值的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇jquery如何求输入框的值文章都会有所收获，下面我们一起来看看吧。

南雄网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联公司从2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。

求输入框值的两种方法：1、用val()，可直接获取输入框（input）的内容值，语法“$("input").val()”；2、用attr()获取input元素中value属性的值，语法“$("input").attr("value")”。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在HTML中，输入框使用input标签定义。因此，求输入框的值，就是求input标签的值。

而input标签值又由value属性控制。因此，最后需要求的就是input标签value属性的值。

方法1：使用val()获取值

val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

示例：

	
		
		
		
	
	

		


		获取输入框的值

	

方法2：使用attr()获取值

上面val() 方法是专门用于设置或返回input标签内容的，而attr()是用于操作属性的，可返回指定属性的值。

只需指定需要获取值的属性名即可。

$(document).ready(function() {
	$("button").click(function() {
		console.log($("input").attr("value"));
	});
});

关于“jquery如何求输入框的值”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“jquery如何求输入框的值”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。