怎么获取html输入的值,如何用jquery获取input中输入的值

如何用jquery获取input中输入的值以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

jquery选择器(即针对你指定的那个input元素)和获取内容(即获得输入的值)，所以综合起来有如下代码可以实现

$("input#test").val;         // 推荐这种方式，因为id是唯一的

$("input[name='test']").val; // 此时需要注意是否有同名的input元素

$("input:text").val;         // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例：

1.创建一个文本框和一个触发获取文本框输入内容的按钮

2.简单设置一下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;}

3.添加jquery代码

$(function{

$("input:button").click(function {

alert($("input#test").val);

});

})

观察显示效果

分页：123