jQuery与bootstrap3结合分页

 时间:2026-02-16 19:43:19

1、下载bootstrap,解压里面的css,js,放入hbuiler待用

jQuery与bootstrap3结合分页

2、<!DOCTYPE html><html>

 <head>  <meta charset="utf-8">  <script src="js/jquery.min.js"></script> 引入jquery文件,

jQuery与bootstrap3结合分页

3、<link rel="stylesheet" href="css/bootstrap.min.css" />

引入bootstrap的css样式,所有引入的样式,jquery都放在<head>标签里面,

最好是引用本地代码,不要引用链接,(下载jquery文件,不使用连接)

jQuery与bootstrap3结合分页

1、页面加载完成以后追加<li>标签,点击页码弹出页码使用

var a=$(this).index();     alert(a);

jQuery与bootstrap3结合分页

2、 <link rel="stylesheet" href="css/bootstrap.min.css" />  <script>   $(function() {    $('#ul').append('<li>sdf</li>')    $('#ul li').click(function() {     var a=$(this).index();     alert(a);    })   })  </script>

 </head>

jQuery与bootstrap3结合分页

3、 <body>  <ul id="ul" class="pagination pagination-sm">   <li><a href="#">1</a></li>   <li><a href="#">2</a></li>  </ul>   </body>

jQuery与bootstrap3结合分页

  • Bootstrap如何使用路径分页标签
  • bootstrap使用教程
  • 手写基于bootstrap的分页后端代码
  • 分页插件怎么使用
  • 分页使用laravel框架
  • 热门搜索
    南京旅游景点大全介绍 旅游案例分析 南普陀寺旅游攻略 厦门好玩的旅游景点 黄山市旅游委员会 中南国际旅游公司 去哪旅游网 11月去哪里旅游最好 福建海峡旅游人才网 常熟旅游网园林卡充值