怎样用jquery得到文本框的值

当已知文本框的id属性时，

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

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

用jquery怎么得值所以正确的方法应该是

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

拓展资料

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

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

1、引用jQuery核心文件

2、找到文本框元素

var obj=$("#文本框的id");

3、输出文本框的值

alert(obj.val());//  val()是jQuery获取元素值得一个函数

首先编写一个HTML，代码如下：

[plain] view plain copy

姓名：  

方法

// 方法一 


var name = document.getElementById("name").value;  

alert(name); 


// 方法二  

name = form1.name.value;  

alert(name);  

// 方法三 jquery  

name = $("#name").val();  

alert(name);  

// 方法四 jquery 


name =  $("input[id='name']").val();  

// 方法五 jquery  

name = $("#name").attr("value");  

alert(name);  

// 方法六 jquery  

name = $("input[id='name']").attr("value");  

alert(name);  

•      

•      

•      

• function print(){     

• var a=myform.name.value;     

• alert(a);     

• }     

•      

•      

•      

•      

•      

•      

•        

•      

•    

这是获取网页input值的方法之一，给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值，并把值赋给a，最后用JavaScript的alert()打印方法打印出来。

实现方法：

jq获取文本框值:

1、使用id来获取

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

2、使用name属性获取：

$("input[name='test']").val()

测试：