如何用jquery获取input中输入的值

 我来答
琬若晨曦
2018-03-31 · TA获得超过8502个赞
知道小有建树答主
回答量:33
采纳率:100%
帮助的人:4614
展开全部

1、引用jQuery库到页面

2、获取input的值

$("#input的id").val();//这就是获取input的值,也可以给input赋值

1、下载jQuery代码库

下载后如下图所示:

2、部署jQuery代码库

jQuery的部署与使用非常简单,只需要把其放入到项目中,并在页面中使用script标签中的src属性载入即可。

3、快速入门

例:使用jQuery隐藏一个div元素

4、基本选择器(重点)

• #id :根据元素的id属性来获取元素

• .class :根据元素的class属性来获取元素

• Element :根据元素的名称来获取元素

selector1,selector2 :群组选择器,可以同时匹配多个元素

示例代码:

5、层级选择器(重点)

同级兄弟关系,父子关系,祖先与后代元素关系

• ancetor(空格)descendant :选择当前元素的所有后代元素(不分层级)

• parent    >    child :选择父元素下的所有子元素(只有一级,要求是父子关系)

• prev   +    next :选择当前元素紧邻的同级元素的下一个元素

• prev  ~  siblings :选择当前元素紧邻的所有同级兄弟元素

示例代码:

6、简单选择器

• :first :选择索引为0第一个元素,索引默认是从0开始的

• :last :选择索引最大的最后一个元素

• :even :选择索引为偶数的所有元素

• :odd :选择索引为奇数的所有元素

• :eq(index) :根据元素的索引index来获取元素

• :gt(index) :选择索引大于index的所有元素

• :lt(index) :选择索引小于index的所有元素

• :not(selector) :选择除指定选择器以外的其他元素

示例代码:

7、由于jquery选择器太多,小编就不一一举例子了。依照这个思路写就行了。

育知同创教育
2016-03-02 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
展开全部

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

$("input#test").val();         // 推荐这种方式,因为id是唯一的
$("input[name='test']").val(); // 此时需要注意是否有同名的input元素
$("input:text").val();         // 这种方式只有整个网页只有一个文本输入框才是正确的

下面给出示例:

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

<input id="test" name="test" type="text"/><br>
<input type="button" value="显示文本框输入内容">

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());
});
})

观察显示效果

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
亿峰moc
2016-02-06
知道答主
回答量:10
采纳率:0%
帮助的人:2.1万
展开全部
用class或者name也可以,更建议用id:
$('#id').val();
或者
$("#id").val();
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lostship
2016-02-06 · TA获得超过100个赞
知道答主
回答量:38
采纳率:0%
帮助的人:38.8万
展开全部
var value = $("#加上input的id").val();
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式