jQuery 选择器之类选择器：

类选择器相对于id选择器，效率相对低些，但其优势为可多选。

jQuery除了选择上的简单，而且没有再次使用循环处理。

jQuery选择器之id选择器：

id选择器：一个用来查找的ID，即元素的id属性

$( "#id" )

id选择器也是基本的选择器，jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的，所以在操作DOM的获取上，如果能采用id的话尽然考虑用这个选择器

值得注意：

id是唯一的，每个id值在一个页面中只能使用一次。
如果多个元素分配了相同的id，将只匹配该id选择集合的第一个DOM元素。
但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

$('.tag dd>a:nth-child(10)').css('color','#66CD00');

dd 下第 1 个标识是 p，第 2 个标识是第 1 个 a ，需要找第 9 个 a ，就需要找第 10 个标识

每一个jquery环境插入的网址都不一样，如果要自己开发网页，该如何选择jquery环境的网址？

使用本地的相对路径或绝对路径

DOM对象转化成jQuery对象

相比较jQuery转化成DOM，开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用。

如果传递给$(DOM)函数的参数是一个DOM对象，jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

通过$(dom)方法将普通的dom对象加工成jQuery对象之后，我们就可以调用jQuery的方法了

 jQuery库本质上还是JavaScript代码，它只是对JavaScript语言进行包装处理，为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能。我们使用jQuery的同时也能混合JavaScript原生代码一起使用。

一开始运行没有出现P2这段文字的原因：导入jq文件链接错了，如果不是本地的就用教程上的链接，注意在http后面加上一个s；相反在本地的js文件，在导入的时候按照绝对路径或者相对路径即可。

jQuery对象与DOM对象

DOM对象：通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。

jQuery对象：通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。

通过标准的JavaScript操作DOM与jQuery操作DOM的对比，我们不难发现：

1. 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。

2. 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。

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

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

获取：

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

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

设置：

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

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

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

添加类（class）：.addClass()

使用方法：

    1.addClass(className)：为每个匹配到的元素增加一个或多个类名；

    2.addClass(function(indec,currentClass)):返回一个或多个用空格隔开的要增加的类名。

val()：用来处理表单元素的值。例如：input、select、textarea。

val()：的用法：

    1.val()：获取匹配到的第一个元素的value值

    2.val(value)：设置所有匹配到的元素的值；

    3.val(function)：用来返回设置值的函数。

 注意事项：

1. 通过.val()处理select元素， 当没有选择项被选中，它返回null

2. .val()方法多用来设置表单的字段的值

3. 如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值

.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。

html()和text()：

html()：操作的是整个html结构（包括文本内容）

text()：操作的是文本内容。

html()的用法：

    1.html()：获取集合中第一个匹配到的HTML内容；

    2.html(string)：设置每一个匹配元素的HTML内容；

    3.html(function(index,oldhtml){

            return '增加的内容' + text

})：用来返回设置HTML的一个函数。

text()的用法：

    和html()的用法一样，只要记住：它获取到的知识文本内容即可。

.html与.text的异同:

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

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

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

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

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

添加和删除属性：

attr()和removeAttr()

attr()有四个表达式：

    1.attr(属性名)：获取属性的值；

    2.attr(属性名,属性值)：设置属性值；

    3.attr({属性名一：‘属性值一’，属性名二：‘属性值二’})：设置多个属性值

    4.attr(属性名，函数值)：设置属性的函数值。

$('#box').attr('id', function(i, val){

    return 'string' + val

})

removeAttr(属性名)：删除单个属性。

removeAttr('id class')：删除多个属性。

this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。
$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。