1、定义一个text
专业从事网站建设、成都网站制作,高端网站制作设计,微信平台小程序开发,网站推广的成都做网站的公司。优秀技术团队竭力真诚服务，采用H5场景定制+CSS3前端渲染技术，成都响应式网站建设公司，让网站在手机、平板、PC、微信下都能呈现。建站过程建立专项小组，与您实时在线互动，随时提供解决方案，畅聊想法和感受。
input type='text' id='test'/
2、通过id获取该text对象
var ipt = $('#test');//根据id获取input对象
3、使用val获取text的值
var v = ipt.val();//获取input的值
这个问题包含两个方面：
1、jquery选择器（即针对你指定的那个input元素）
2、获取内容（即获得输入的值），所以综合起来有如下代码可以实现
具体操作如下：
1、创建一个文本框和一个触发获取文本框输入内容的按钮
2、简单设置一下css样式
3、添加jquery代码
扩展资料
js获取文本框值
1.通过getElementById() 方法获得，必须为文本框设定ID值，该方法获得的是一个对象的应用(返回值为:Object)，要获得文本框的值需添加属性值--value,如:
input type="text" size="10" id="port11" name="port11" /
获值代码：document.getElementById("port11").value;
2、要获得标签h1中间的值，方法如下：
h1 id="you"12345/h1
document.getElementById("you").innerHTML;
返回值为：12345
3、如果是表单(form)中的文本框，还可以通过以下方式获得值:
form name="form1" method="post" action="manager.do?action=login"
trtd 会员编号：/td
td input name="memberNo" type="text" id="memberNo" size="21" /td
td input name="Submit" type="submit" value="确定" onClick="return check(form1)"
/tr
/form
js中的代码：function check(form){var str = form.memberNo.value;}
百度百科-jQuery
首先，html属性中有两个方法，一个有参，一个无参
1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String
例子：
html页面代码：divpHello/p/div
jquery代码：$("div").html();
结果：Hello
2.有参html（val）：设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。返回一个jquery对象
html页面代码：div/div
jquery代码：$("div").html("pNice to meet you/p");
结果：[ divp Nice to meet you/p/div ]
其次，text属性中有两个方法，一个有参，一个无参
1. 无参text（）：取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。返回的是一个String
例子：
html页面代码：pbHello/b fine/p
pThank you!/p
jquery代码：$("p").text();
结果：HellofineThankyou!
2.有参text（val）：设置所有匹配元素的文本内容, 与 html() 类似, 但将编码 HTML (将 "" 和 "" 替换成相应的HTML实体).返回一个jquery对象
html页面代码：pTest Paragraph./p
jquery代码：$("p").text("bSome/b new text.");
结果:[ pbSome/b new text./p ]
最后，val（）属性中也有两个方法，一个有参，一个无参。
1.无参val（）：获得第一个匹配元素的当前值。在 jQuery 1.2 中,可以返回任意元素的值了。包括select。如果多选，将返回一个数组，其包含所选的值。
返回的是一个String、 array
例子：
html页面代码 ：
代码如下:
p/pbr/
select id="single"
optionSingle/option
optionSingle2/option
/select
select id="multiple" multiple="multiple"
option selected="selected"Multiple/option
optionMultiple2/option
option selected="selected"Multiple3/option
/select
jquery
代码：$("p").append( "bSingle:/b " + $("#single").val() + "
bMultiple:/b " + $("#multiple").val().join(", "));
结果:[ pbSingle:/bSinglebMultiple:/bMultiple, Multiple3/p]
2.有参val（val）：设置每一个匹配元素的值。在 jQuery 1.2, 这也可以为check,select,radio元件赋值,返回一个jquery对象
html页面代码：
input type="text"/
jquery代码：$("input").val("hello world!");
结果：hello world!
