jQuery踩坑教程

1.$.post使用指南：
    $.post('post地址',{'数据名称':数据变量},function(reg){ })
    $.post('/url.html',{'data':data},function(reg){ })
2.$.ajax使用指南：
    $.ajax({
        type:"post",
        url:"url",
        data:"data",
        beforeSend:function(){
            //请求post前的预处理
        }
        success:function(reg){
            //成功，处理返回值
        },
        error:function(){
            //断网状态或发生错误
        }
    })
3.找儿子：
    (1).找直系子元素（只能找到儿子）：$("selector>son")
    (2).从所有子类中查找（儿子的儿子也会被找）：$("selector son")或者$("selector").find("son")
4.找父类：
    (1).找直系元素：$("selector").parent()
    (2).找所有父类：$("selector").parents("selector")
5.找同级元素：
    (1).找上一个元素：$("selector").prev()
    (2).找下一个元素：$("selector").next()
    (3).找除了本身外的同级元素：$(this).siblings()
6.each方法：
    $(oo).each(function(i,ele){})
    首先，$(oo)是一个jQuery选取的一种数组，然后调用each方法，方法传入一个处理函数，这个处理函数带
    参，i表示$(oo)对应的数组的数组下标，ele对应相应数组下标的值或对象
7.获取标签的类型名称
    $(oo)[0].tagName
    jQuery并不能获取对应对象节点的名称，所以只有转化为原生JavaScript对象后才能取得
8.动画animate
    $(oo).animate({"top":"12px"},200,function(){})
    这个动画会根据$(oo)这个元素当前的状态来进行改变，例如当前选中的元素的top值是500px，
    那么这个动画的效果就是把他的top值在200毫秒内
    从500px变为12px，后面的function是回调函数，
    也就是说在动画执行完毕之后会执行这个函数，动画时长和回调函数都不是必须传入的值。
9.获取元素的属性
    $(oo).attr("zzz")
    选中元素，attr获取相应名称为“zzz”的属性，什么是属性呢？就是id，name，type，disable，readonly
    这样的写在相应标签内的值
    可以通过$(oo).attr("name","content")的方式为元素设置属性
10.添加/删除class
    $(oo).addClass("zz")    添加class
    $(oo).removeClass("zz") 删除class
    $(oo).hasClass("zz")    判断是否有class  返回true或false
9.transition这个CSS属性
    transition:all 2s;
    这个属性会在css发生改变的时候，通过动画来呈现具体的改变，所以尽量通过transition来实现动画，以
    减少重绘效果
    如何实现动画？为某个元素设置多个class后再通过js添加或删除class
10.最好给每个元素都设置class，便于操作内容