1、第一步,我们前往jquery的官方网址查看文档,查找有什么方法是可以获取input输入框的值的,val()方法可以帮助到我们,详细的说明如下图
2、第二步,为了方便我们对html的操作,我们使用html编辑器sublime_text,详细的说明如下图
3、第三步,我们创建一个html文件,然后我们创建一个按钮和一个输入框,详细代码和效果如下图
4、第四步,我们引入jquery的js文件,然后使用val方法获取input的值,详细的说明如下图
5、第五步,编写完代码以后,我们前往浏览器页面,然后点击f12,找到console可以查看输出的结果和input输入框的结果一致,详细的效果如下图