Bootstrap 笔记

知识准备

1. jQuery事件绑定

　　（1）on和off用于绑定和禁用事件

　　（2）享元模式

　　　　在document上绑定一个单击事件，利用冒泡机制，在单击时候检查是否为td元素，如果是才处理

　　　　$(document).on(‘click.bs.foo‘, ‘td‘, function(e){});

　　　　$(document).off(‘foo‘);

2. JS事件冒泡

　　在对象上触发了某类事件（比如‘click‘），如果对象定义了事件处理程序，就会调用这个处理程序。如果没有定义和处理程序返回true，则向对象的父对象传递此事件

　　（1）处理程序 return false; 可阻止冒泡（比如阻止<a>标签跳转）

　　（2）处理程序 e.preventDefault 可阻止默认行为（比如阻止<a>标签跳转），但不阻止冒泡。

3. $(selector).data()

　　收集元素上所有以data开头的自定义属性，合并成一个对象字面量（h5新增语法）

　　不以data-开头的自定义属性称为辅助属性，多用于支持身体有困难人士进行页面访问

Bootstrap

　　由六大部分组成

1. css12栅格系统

2. 基础布局组件

3. jQuery

4. 响应式设计（自动适应不同设备环境）

5. CSS组件

6. JS插件