jQuery提供的存储接口

jQuery.data( element, key, value )   //静态接口,存数据
jQuery.data( element, key )  //静态接口,取数据   
.data( key, value ) //实例接口,存数据.data( key ) //实例接口,存数据

同样的也提供2个对应的删除接口，使用上与data方法其实是一致的，只不过是一个是增加一个是删除罢了

jQuery.removeData( element [, name ] )
.removeData( [name ] )

样式的优先级：

css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下

外部样式 < 内部样式 < 内联样式

1. .addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上

2. 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的

样式操作.css()

jQuery选择器之基本筛选选择器

筛选选择器：jQuery提供的，可以更快捷的找到DOM元素，它很多都不是CSS规范。

用法：冒号“:”开头。

注意事项：

1、：eq（），：lt（），：gt（），：even，：odd用来筛选他们前面匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery集合都是从0开始索引。

2、gt是一个段落筛选，从指定索引的下一个开始，gt（1）实际从2开始。

jQuery选择器之层级选择器

作用：节点之间存在关系，该选择器就是用来处理子元素、后代元素、兄弟元素、相邻元素这种关系的。

子选择器：${"parent>child"}，选择所有指定"parent"元素中指定的"child"的直接子元素。

后代选择器：${"ancestor descendant"}，选择给定祖先元素的所有后代元素，一个元素的后代可能是该元素的一个孩子，孙子，曾孙等。

相邻兄弟选择器：${"prev+next"),选择所有紧接在"prev"元素后的"next"元素。

一般兄弟选择器：${"prev~siblings"},匹配"prev"元素之后的所有兄弟元素，具有相同的父元素，并匹配过滤"siblings"选择器

层级选择器之间存在很多相同点和不同点

1、层级选择器都有一个参考节点。

2、后代选择器包含子选择器选择的内容。

3、一般兄弟选择器包含相邻兄弟选择的内容。

4、相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下。

全选择器（*选择器）：jQuery中可以通过传递*选择器选中文档页面中的所有元素。

语法：$("*");

javaScript中也可以通过document.getElementByTagName("*")来实现。

通过javascript的id、class、tag方法的兼容性问题：

1——IE会将注释节点实现为元素，所以在IE中调用getElementByTagName里面会包含注释节点，这个通常是不应该的。

2——getElementById的参数在IE8及较低的版本中不区分大小写。

3——IE7及较低的版本中，表单元素中，如果表单A的name属性名用了另一个元素B的ID名并且A在B之前，那么getElementById会选中A。

4——IE8及较低的版本，浏览器不支持getElementsByClassName

 原生与jQuery方法比较,  ===表示数据和类型都相等

.css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性

获取：

1. .css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值

2. .css( propertyNames )：传递一组数组，返回一个对象结果

设置：

1.  .css(propertyName, value )：设置CSS

2. .css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理

3. .css( properties )：可以传一个对象，同时设置多个样式

.removeClass( )方法

1. .removeClass( [className ] )：每个匹配元素移除的一个或多个用空格隔开的样式名

2. .removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名

.html(),.text()和.val()的差异总结：  

1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。

2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。

3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。

.text()方法

得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。，具体有3种用法：

1. .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代

2. .text( textString ) 用于设置匹配元素内容的文本

3. .text( function(index, text) ) 用来返回设置文本内容的一个函数

.text()结果返回一个字符串，包含所有匹配元素的合并文本

.html()方法 

获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法：

1. .html() 不传入值，就是获取集合中第一个匹配元素的HTML内容

2. .html( htmlString )  设置每一个匹配元素的html内容

3. .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数

这个操作是针对整个HTML内容（不仅仅只是文本内容）

.html与.text的异同:

1. .html与.text的方法操作是一样，只是在具体针对处理对象不同

2. .html处理的是元素内容，.text处理的是文本内容

3. .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用

4. 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的

5. 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器

jQuery总用attr()方法来获取和设置元素属性，attr是attribute（属性)的缩写,在jQuery  DOM操作中会经常用到attr()

attr()的4个表达式:

1. attr（传入属性名）获取属性的值

2.  attr（属性名，属性值）设置属性的值

3. attr（属性名，函数值）设置函数的值

4. attr（attribute）给指定元素设置多个属性

   .removeAttr(attributeName)为匹配的元素集合中的每个元素中移除一个属性

        优点：

全选择器（*选择器）：jQuery中可以通过传递*选择器选中文档页面中的元素。

语法：$("*");

javaScript中也可以通过document.getElementByTagName("*")来实现。

   <script type="text/javascript">

        //通过原生方法处理

        //样式是可以多选的，所以得到的是一个合集

        //需要通过循环给合集中每一个元素修改样式

        var divs = document.getElementsByClassName('aaron');

        for (var i = 0; i < divs.length; i++) {

            divs[i].style.border = "3px solid blue";

        }

    </script>

    <script type="text/javascript">

        //通过jQuery直接传入class

        //class选择器可以选择多个元素

        $(".imooc").css("border", "3px solid pink");

    </script>

比较原生js和jQuery代码

元素选择器：通过标记名称获取节点元素。

语法：$("element");

类选择器：通过class类名获取节点,可以获取多个相同class类名的节点。

语法：$(".class");