JS点击按钮之后显示一个输入框和一个提交按钮

admin

实现功能：点击按钮之后显示一个输入框和一个提交按钮，并且同时被点击的按钮隐藏；

1. require(['jquery', 'util'], function($, u){

复制代码

上面这一句是固定的，写了jquery,就可以用$，jequery的值是$，util的值是u;

1. $('.settingstate').click(function(){

复制代码

$('.settingstate')是选择器，现在选择了按钮，给按钮设置一个class或者id
class可以用于多个地方
id值可以用于一个地方
.click(function()是一个点击动作，代表点击了之后下一步要做什么

1. $(this).next().show();

复制代码

$this代表当前选择器选择的元素，也就是

1. <button type="button" class="btn btn-default btn-sm settingstate">设置状态</button>

复制代码

$(this).next()表示当前选择器选择的元素的下一个元素，也就是

1. <span style="margin-top: 10px; display: none">
   
2.                         <div class="row">
   
3.                                 <div class="col-xs-6" style="padding-left: 0">
   
4.                                         <form class="form-horizontal">
   
5.                                                 <textarea name="" class="form-control">点击设置状态出现输入框和提交按钮，此处默认展示备注信息</textarea>
   
6.                                                 <button type="submit" class="btn btn-default" name="" style="margin-top: 10px;">提交</button>
   
7.                                         </form>
   
8.                                 </div>
   
9.                         </div>
   
10.                 </span>

复制代码

$(this).next().show()表示将当前选择器选择的元素的下一个元素展示出来；
$(this).hide();表示将当前选择器选择的元素隐藏。