bootstrap css语法，javascript

css

1.优先级的确定：

引入4个数字（a,b,c,d）a:style属性，b:css选择器上id的总和，c:其他属性css选择器和伪类的综合，d:计算元素和伪元素。

2.选择器：

1.属性选择器

2.子选择器

.table > thread > tr >th{

vertical-align:center;

}

3.兄弟选择器

1.邻近兄弟 （+）指定元素后面紧跟的兄弟节点  .nav > li + li{margin-left:2px;}

2.普通兄弟（~）指定元素后面所有的兄弟节点   .nav >li ~ li{margin-left:2px;}

3.媒体查询：

媒体查询是响应式布局的核心，主要用到min-width,max-width和and语法

@media (min-width=455px) and (max-width:900px) { 当屏幕宽度在455到900里，这里面的样式才起作用}

javascript

1. ||和&&在javascript里面与其他语言不通的地方

a||b||c||d   ：返回第一个可以转换成true的元素值

a&&b&&c&&d ：返回第一个可以转换为false的元素值

2.立即调用的函数表达式

+function($){"use strict"}(jquery),意思是声明一个function,然后立即执行，并且在执行的时候传入了jquery对象，这样的好处是$已经成为局部变量不会再受外部影响。+和；的功能一样，防止不符合规定的代码。

3.bootstrap里jquery的享元模式

jquery的on,off分别用于绑定和禁用事件如：

$("td").on("click",function(event){alert(1);});

$("td").off("click");

但是在bootstrap中语法稍有不同：

$(document).on("click.bs.carousel.data-api","td",function(e){alert(2)});

这样的好处是性能提高了，原来的把td作为选择器一个页面有多少td就会绑定多少个click事件，而现在在document上面绑定单机事件，利用冒泡机制，只用在单机的时候绑定事件，判断是不是td，是才回去执行function函数。

4.$.data()

很多JS插件里都使用了$(selector).data方法，用于收集指定selector上面所有的以data-开头的自定义元素，并且合并成一个对象字面量。

以data-开头的自定义属性是html5的新用法。

<div id="abc" data-toggle="toggle" data-role="aaa"></div>

如果要获取data-role，