jquery 怎么获取文本框输入的值

Question

如题所述

Answer 1

　　这个问题包含两个方面：jquery选择器（即针对你指定的那个input元素）和获取内容（即获得输入的值），所以综合起来有如下代码可以实现
　　$("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());
　　});
　　})

Answer 2

当已知文本框的id属性时，<input type="text" id="userName">

方法一：var userName = $("#userName").attr("value");

方法二：var userName=$("userName").value();

<input type="text" name="one" value="5"/>用jquery怎么得值所以正确的方法应该是

<input type="text" id="one" value="5" />

$("#one").val();

拓展资料

作用是快速获取文档元素，jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果，jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。