在前端开发中，jQuery是一款非常优秀的JavaScript库，它可以方便地操作网页元素。今天我们就来看一下如何使用jQuery实现点击添加输入框的功能。

首先，我们需要在HTML文件中添加一个button元素和一个div元素，用于添加和显示输入框：

  <button id="addInputBtn">添加输入框</button>
  <div id="inputContainer"></div>

接下来，我们可以使用jQuery中的click()方法，为添加按钮添加一个点击事件：

  $('#addInputBtn').click(function() {
    // 添加输入框代码
  });

在点击事件中，我们需要动态创建一个input元素，并将其添加到div容器中：

  $('#addInputBtn').click(function() {
    // 创建input元素
    var input = $('<input>', {
      type: 'text',
      placeholder: '请输入'
    });
    // 将input元素添加到div容器中
    $('#inputContainer').append(input);
  });

最后，我们就完成了点击添加输入框的功能。完整的代码如下：

  <button id="addInputBtn">添加输入框</button>
  <div id="inputContainer"></div>

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script>
    $('#addInputBtn').click(function() {
      // 创建input元素
      var input = $('<input>', {
        type: 'text',
        placeholder: '请输入'
      });
      // 将input元素添加到div容器中
      $('#inputContainer').append(input);
    });
  </script>