JQuery是一款优秀的JavaScript库，它能够大大简化前端开发的工作量。其中，通过点击按钮传值是常见功能。下面我们通过pre标签展示代码实现：

  <button id="send">发送消息</button>
  <input type="text" id="msg">
  <div id="result"></div>

  <script>
    $(document).ready(function(){
        $("#send").click(function(){
            var msg = $("#msg").val();
            $("#result").text(msg);
        });
    });
  </script>

上述代码中，我们通过click()方法绑定了一个点击事件，当ID为send的按钮被点击时，获取ID为msg的输入框的值，再将其赋值给ID为result的div标签。这就是通过点击按钮传值实现的效果。