jQuery与bootstrap3结合分页

2025-11-13 07:52:51

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

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结合分页

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。