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框架
  • 热门搜索
    柔和的意思 学富五车的意思 类风湿用什么药 乙酰胆碱的作用 nba是什么意思 鄙人是什么意思 江苏有什么好玩的 加湿器有什么作用 制片人是做什么的 什么是大数据概念