jQuery简单总结一、jQuery 如何获取元素 jQuery的基本设计思想和主要用法：就是“选择某个网页元素，然后对

一、jQuery 如何获取元素

jQuery的基本设计思想和主要用法：就是“选择某个网页元素，然后对其进行某种操作”。所以，使用jQuery的第一步就是获取元素：

获取的可以是CSS选择器：

 $(document) //选择整个文档对象
 $('#myId') //选择id名称为myId的元素
 $('div.myClass') //选择class为myClass的div元素
 $('input[name=first]')  //选择name属性是first的input元素

可以是jQuery特有的表达式：

    $('a:first') //选择网页中的第一个a元素
    $('tr:odd') //选择表格的奇数行
    $('div:visible') //选择可见的div元素
    $('div:gt(2)') //选择所有的div元素，除了前三个
    $('div:animated') //选择当前处于动画状态的div元素

二、jQuery的链式操作

jQuery的链式操作：就是最终选中网页元素之后，可以对它进行一系列的操作，并且所有操作是可以连接在一起的，像链条一样，一环接一环。比如：

    $('div').find('h3').eq(2).html('hello');

上面代码分解开来是这样的：

    $('div')        //找到div元素
    .find('h3')     //找到h3标签的元素
    .eq(2)         //选择h3里面的第三个元素(2是索引号)
    .html('hello')  //将该元素的内容修改为hello

原理：每一步的jQuery操作都会返回一个jQuery对象，这个对象在不同的方法里面返回的对象可能是不同的，所以不同的操作可以连在一起。同时，jQuery还提供了.end()方法，使得结果集可以后退一步:

    $('div')
        .find('h3')   
        .eq(2)       
        .html('hello')
        .end()      //退回到选中所有h3元素那一步(退回上一步)   
        .eq(0)      //选中第一个h3元素       
        .html('hi');//将它的内容改为hi

三、jQuery 创建元素和移动元素

创建新元素的方法非常简单，只要把新元素直接传入jQuery的构造函数就行了。

    $('<p>Hi</p>');
    $('<li class = "new">new list item</li>');
    $('ul').append('<li>list item</li>');

移动元素
1. 第一种方法是使用.insertAfter()，把div元素移动到p元素后面:
```
   $('div').insertAfter($('p'));
```
1. 第二种方法是使用.after()，把p元素加到div元素前面:
```
   $('p').after($('div'));
```
两种方法的不同点：返回的元素不一样。第一种方法返回的是div元素，第二种返回的是P元素

jQuery 修改属性的方法

    .attr(name);  //获取元素属性名为name的属性值
    .attr(name, value); //设置属性名为name的元素的属性值为value
    .attr({name: value, name2: value,...}); //设置元素多个属性的属性值，以json格式传递
    .attr(name, fn);    //设置name属性的值为fn函数的返回值
    .removeAttr(name);  //移除属性名为name的属性

参数的个数和类型会影响同一个方法的功能