这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现
成都网站建设公司更懂你！创新互联建站只做搜索引擎喜欢的网站！成都网站制作前台采用搜索引擎认可的DIV+CSS架构,全站HTML静态,H5场景定制+CSS3网站,提供：网站建设，微信开发，小程序定制开发，成都商城网站开发，app软件开发，域名注册，服务器租售，网站代托管运营，微信公众号代托管运营。
$("input#test").val(); // 推荐这种方式，因为id是唯一的
$("input[name='test']").val(); // 此时需要注意是否有同名的input元素
$("input:text").val(); // 这种方式只有整个网页只有一个文本输入框才是正确的
下面给出示例：
创建一个文本框和一个触发获取文本框输入内容的按钮
input id="test" name="test" type="text"/br
input type="button" value="显示文本框输入内容"
简单设置一下css样式
input[type='text']{width:200px;height:35px;margin:10px;border:1px dashed green; border-radius:5px;}
input[type='button']{width:200px;height:35px;margin:10px;border:2px solid #ebbcbe;}
添加jquery代码
$(function(){
$("input:button").click(function() {
alert($("input#test").val());
});
})
文本框属于表单字段，jQuery
提供了val()
方法用以设置或返回表单字段的值，语法为$(selector).val()。下面根据不同情形，演示获取div下面一个文本框的值的方法：
1、如果已知文本框的某些属性，例如id，class，name：
$("#demo_text").val();
//
直接根据id获取
$("#test
:text.demo_text").val();
//
根据class获取
$("#test
:text[name='demo_text']").val();
//
根据name获取
2、如果已知文本框的相对位置
$("#test
:text").first().val();
//
第一个
$("#test
:text").last().val();
//
最后一个
$("#test
:text").eq(1).val();
//
#test下的第2个文本框
引入jquery核心js文件
2
创建jquery页面加载后执行的函数，使用jquery获取文本框的值，并弹出值
$(document).ready(function(){ alert($("input[name=demo]").val());});
3
创建input文本框value="测试值"
input type="text" name="demo" value="测试值"/
4
刷新页面后就会弹出“测试值”文本框
