下面用页数，点击页数切换内容，用bootstrap3表示也可以用JQ表示

可以使用Bootstrap3自带的分页组件。具体步骤如下：

1. 引入Bootstrap3样式和JS文件。

<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

2. 在HTML页面中添加分页组件。

<nav aria-label="Page navigation">
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
  </ul>
</nav>

3. 使用jQuery实现点击页码切换内容。

$(function(){
  $(".pagination").on("click", "a", function(){
    var href = $(this).attr("href");
    if(href != "#"){
      $.get(href, function(data){
        $("#content").html(data);
      });
    }
    return false;
  });
});

其中，`#content`是要切换的内容区域的ID。在点击页码时，通过jQuery的`$.get`方法获取对应的内容，并将其填充到`#content`中。

注意：以上代码仅供参考，具体实现需要根据具体情况进行调整。