手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

jq怎么获取input输入框的值

时间:2024-11-03 07:30:39

1、第一步,我们前往jquery的官方网址查看文档,查找有什么方法是可以获取input输入框的值的,val()方法可以帮助到我们,详细的说明如下图

jq怎么获取input输入框的值

2、第二步,为了方便我们对html的操作,我们使用html编辑器sublime_text,详细的说明如下图

jq怎么获取input输入框的值

3、第三步,我们创建一个html文件,然后我们创建一个按钮和一个输入框,详细代码和效果如下图

jq怎么获取input输入框的值
jq怎么获取input输入框的值

4、第四步,我们引入jquery的js文件,然后使用val方法获取input的值,详细的说明如下图

jq怎么获取input输入框的值

5、第五步,编写完代码以后,我们前往浏览器页面,然后点击f12,找到console可以查看输出的结果和input输入框的结果一致,详细的效果如下图

jq怎么获取input输入框的值
© 手抄报圈