码迷,mamicode.com
首页 > Web开发 > 详细

第五模块·WEB开发基础-第3章jQuery&Bootstrap

时间:2018-11-27 19:20:01      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:rip   标签   内容   bootstrap   post   分析   索引   1.4   get请求   

  • 01-jQuery介绍

  • 02-如何使用jQuery

  • 03-jQuery的入口函数

  • 04-jQuery对象和JS对象的相互转换

  • 05-jQuery如何操作DOM

  • 06-底层选择器

  • 07-基本过滤器

  • 08-属性选择器

  • 09-过滤器选择方法

  • 10-siblings选择器方法的基本使用

  • 11-jQuery操作选项卡深入

  • 12-index()索引的选取

  • 13-基本的动画

  • 14-卷帘门的动画效果

  • 15-淡入淡出的自定义动画

  • 16-二级菜单动画的使用

  • 17-jQuery的标签属性操作

  • 18-jQuery对DOM对象属性操作

  • 19-jQuery对类样式的操作

  • 20-jQuery对值的操作

  • 21-父子之间插入操作一

  • 22-父子之间插入操作二

  • 23-兄弟之间插入操作

  • 24-替换操作

  • 25-删除和清空操作

  • 26-操作input的value值

  • 27-jQuery的位置信息

  • 28-JS的事件流

  • 29-事件冒泡的处理

  • 30-抽屉评论简易布局

  • 31-抽屉评论收起操作实现

  • 32-事件对象

  • 33-jQuery的单双击事件

  • 34-jQuery的鼠标移入和移出事件

  • 35-jQuery的移入和移出事件

  • 36-jQuery的表单事件

  • 37-jQuery的聚焦、失焦和键盘事件

  • 38-事件委托

  • 39-BS端那点儿事

  • 40-什么是Ajax

  • 41-MVC思想和jQuery的ajax_GET请求

  • 42-jQuery的POST请求

  • 43-POST请求的Bug修复

  • 44-和风天气API接口文档介绍

  • 45-jQuery插件库介绍

  • 46-jQuery总结和作业分析(必看)

  • 47-响应式介绍

  • 48-@media媒体查询

  • 49-Bootstrap介绍

  • 50-Boostrap的下载和基本使用

  • 51-Bootstrap的布局容器

  • 52-Bootstrap的栅格系统

  • 53-Bootstrap栅格的实现原理

  • 54-Boostrap的列偏移

  • 55-Boostrap的排版

  • 56-Bootstrap的表格

  • 57-Boostrap的表单

  • 58-全局CSS样式

  • 59-导航条

  • 60-面板和下拉菜单

  • 61-按钮组和按钮式的下拉菜单

  • 62-分页、路径导航、徽章

  • 63-警告框和进度条

  • 64-Boostrap的插件

  • 65-个人经历分享

01-jQuery介绍

02-如何使用jQuery

03-jQuery的入口函数

04-jQuery对象和JS对象的相互转换

05-jQuery如何操作DOM

06-底层选择器

07-基本过滤器

08-属性选择器

09-过滤器选择方法

10-siblings选择器方法的基本使用

11-jQuery操作选项卡深入

12-index()索引的选取

13-基本的动画

14-卷帘门的动画效果

15-淡入淡出的自定义动画

16-二级菜单动画的使用

17-jQuery的标签属性操作

18-jQuery对DOM对象属性操作

19-jQuery对类样式的操作

20-jQuery对值的操作

21-父子之间插入操作一

22-父子之间插入操作二

23-兄弟之间插入操作

24-替换操作

25-删除和清空操作

26-操作input的value值

27-jQuery的位置信息

28-JS的事件流

29-事件冒泡的处理

30-抽屉评论简易布局

31-抽屉评论收起操作实现

32-事件对象

33-jQuery的单双击事件

34-jQuery的鼠标移入和移出事件

35-jQuery的移入和移出事件

36-jQuery的表单事件

37-jQuery的聚焦、失焦和键盘事件

38-事件委托

39-BS端那点儿事

40-什么是Ajax

41-MVC思想和jQuery的ajax_GET请求

42-jQuery的POST请求

43-POST请求的Bug修复

44-和风天气API接口文档介绍

45-jQuery插件库介绍

46-jQuery总结和作业分析(必看)

47-响应式介绍

48-@media媒体查询

49-Bootstrap介绍

  • 49.1 Boostrap的基本使用
  • 49.2 Bootstrap的栅格系统
  • 49.3 Boostrap的全局CSS样式
  • 49.4 Boostrap的组件

使用Boostrap开发的优秀站点:http://www.youzhan.org/

技术分享图片

50-Boostrap的下载和基本使用

50.1 Boostrap的基础介绍及使用;

https://v3.bootcss.com/getting-started/#template

less介绍:http://lesscss.cn/

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--媒体查询,视口设置-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
    <!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<h1>你好,世界!</h1>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery,所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>

技术分享图片 

51-Bootstrap的布局容器

51.1 Boostrap中的布局容器初识;

 

<div class="container">
  ...
</div>
//几乎是全局的;
<div class="container-fluid">
  ...
</div>

 

52-Bootstrap的栅格系统

53-Bootstrap栅格的实现原理

54-Boostrap的列偏移

55-Boostrap的排版

56-Bootstrap的表格

57-Boostrap的表单

58-全局CSS样式

59-导航条

60-面板和下拉菜单

61-按钮组和按钮式的下拉菜单

62-分页、路径导航、徽章

63-警告框和进度条

64-Boostrap的插件

65-个人经历分享

 

第五模块·WEB开发基础-第3章jQuery&Bootstrap

标签:rip   标签   内容   bootstrap   post   分析   索引   1.4   get请求   

原文地址:https://www.cnblogs.com/tqtl911/p/10027973.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!