jquery几大特性：

1、链式操作；

2、回调函数；

3、迭代器；

4、延迟对象；

5、队列。

属性筛选器中要注意有的div中虽然没写出如testattr的属性值但默认为空。

内容筛选选择器千万注意前面两个是针对旗下还有标签元素的，后面两个是针对单个标签元素的。

var div = document.getElementsByTagName('div');

//dom对象

var $div = $(div); //生成新的 jQuery对象；

var $first = $div.first();//找到第一个div元素；

$first.css('color','red'); // 给第一个元素设置颜色；

 重点：

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

jQuery对象是个类数组对象，拥有数组的结构因此我们可以通过数组下标找到第一个div元素；$div[0]//转化为DOM对象；

通过jQuery自带的get（）方法转化成dom对象；$div.get(0);方法里提供一个元素的索引；

通过标准js处理：

var p = document.getElementById('imooc');

p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'；

p.style.color = 'red';

通过jQuery的处理：

var $p = $('#imooc');

$p.html('您好！通过慕课网学习jQuery才是最佳的途径'

）.css('color','red');

通过对比js操作DOM和jQuery操作DOM得出：

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

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

在静态页面的样式设置时，一般使用addClass（）方法，因为这个方法更具有统一性，变动性，针对类而进行大批的增添或删除，或者交互属性的作用。有则删，无则添的优点。是外联的样式。

而CSS（）方法更具灵活性，优先性，但是只能设置单独的每一个元素，不具有统一性，而且它是内联形式的样式设置。如果是动态的结构，在不确定的规则下可以一使用，一般多考虑它的使用。

jQuery的属性与样式之样式操作.css()

• 我们在js中设置属性的值时会用style的方式，在就Q中，也为我们提供了简介便利的方式，css（）

• css（）它可以获取元素的计算值，比如颜色，字体的计算值等，像是平时不清楚的颜色值都可以通过这种方法进行查看，并可以将属性转为固定的模式，像是转为颜色的RBG，尺寸的PX等。

• 例如这样的一串代码：$('p:eq(0)').text( $('.first').css("background-color“））

• 还可以进行把获取的值进行修改，调取标签，直接运用方法，例如： $('.fourth').css("background-color","blue")

• 如果需要设置的样式比较多，就可以把css（）内部加入一个{}花括号，像是python的字典一样进行设置。例如：$('.seventh').css({
        'font-size' : "15px",
        'background-color':"red",
        'border' :"solid purple 3px"
    })

•  css()也可以通过动态的方式对属性进行样式设置，使用函数回调。例如下端代码：

• //获取到指定元素的宽度，在回调返回宽度值
    //通过处理这个value，重新设置新的宽度
    $('.sixth').css("width",function(q,value){
       
      a=value.split("px")
      return(Number(value[0])+10)
       
    })

• 其中：

• Number():可以用于任何数据类型转换成数值

• var value = value.split('px');这就是相当于把原先的value分割了

• 举个例子，原来的value=50px。

• 那么现在value变成一个数组了，value[0]=50,value[1]='px';

•        
  

jQuery.toggleClass()

这个方法相当于addClass(增添）与removeClass(删除）的结合精华，可以比作它们的孩子，能力高于父母，符合新时代的高效与简洁的代表。

通常情况下，需要解决如一个节点中多个或一个样式的切换，正常来说，会用到它们的父母，会很麻烦，但是它们的孩子为我们提供了这种事件处理的便捷。

这个孩子的特点：

第一：当他被执行第一次的时候，会增添样式，同理，执行第二次会删减样式，从而达到一个切换的效果。

比如我们想让节点中的某些文本偶数或者奇数进行删除。

第二：有则删除，无则增加。

第三：提供了布尔值，从而在用户点击的时候可以用来切换，true就是显示样式，false就是删除样式。

indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。所以-1 !== className.indexOf('imooc')是指className里包含了字符串“imooc”，那么if判断条件为真，继续执行if内部的语句。

Jquery的html()和text()

html()主要是对元素的结构进行获取和修改，它获取的是包括标签这样的整个结构，而当它修改时，无论多么细致的进行索引修改，都会把整个结构换成新改的内容。

总之，它的特点就是一得得天下，一改面目全非。

text（）的方法它主要获取文本内容，单纯的文本内容，修改的时候，可以细致的进行索引而修改。

而回调函数中的两个形参可以自己命名，一个作为默认值，一个作为属性值，通过return和加上属性进行修改原有值

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

类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选

id选择器用# $('#id');

getElementsById

class选择器用 . $('.class')

getElementsByClassName

元素选择器直接写元素名称 $('element')

getelementbytagname