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选择器太多，小编就不一一举例子了。依照这个思路写就行了。
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());
});
})
观察显示效果
$('#id').val();
或者
$("#id").val();