JQuery常用知识点汇总

0、JQuery的基本属性标识：
    $(".xxx")：标签的class属性；
    $("#xxx")：标签的id属性；
    $("xxx")： 标签名，如div；
1、处理滑动的三种方式：
    $('div').slideUp();  改变元素的高度，直至为0，将元素隐藏
    $('div').slideDown(); 从0改为css样式中设置的某个值
    $('div')。slideToggle(); 如果原来朝上，则向下滑动，否则相反
2、处理淡入淡出效果方式：
    $('div').fadeIn();
    $('div').fadeOut();
    $('div').fadeTo();
    $('div').fadeToggle();
给元素增加或者删除css样式
    $("#btn1").addClass("样式名");  //直接写样式名，而不需要前面那个 .符号
    $("#btn1").removeClass("样式名");
鼠标移入移出事件函数
    $("#btn1").hover();
从DOM删除元素
    $("xxx").remove();
    $("xxx").detach();

3、用append插入消息；用选择器$(this)指示当前元素；
4、后代选择器：$("div div")表示返回一个div元素的所有div子元素，父元素名与子元素名之间有一个空格；
5、遍历处理动作元素：
$(".nav_item").each(function(){
    $(this).hide();  //对与选择器匹配的各个元素运行此代码
    return false;  // 返回false，表示停止执行循环；
});
6、若一个变量需要用来存储JQuery返回的元素，则在该变量前面加上一个美元符：
例如：$f = $(".fish").parent().parent().detach();
jQuery会把这些数据作为一个数组返回。
7、想修改DOM，把一个内容替换成为另一个内容时，就可以使用replaceWith方法，例如：
    $("h2").replaceWith("<h1>My Menu</h1>");  //将二级标题替换成为一级标题，可在括号里放入HTML
8、在DOM中插入HTML内容
before 将新内容插入到选择的元素前面：
    $(".meat").before("<li>Tofu</li>");
after将新内容插入到选择的元素后面；
9、使用过滤器方法缩小选择范围：
    first：所选元素中的第一个元素以外，过滤掉其他元素；
    eq：所选元素中索引号等于括号中内容的元素之外；（括号中的为数值）
    last：所选元素中最后一个元素以外；
    slice：除了索引号中指定索引号之间的元素之外；$(".meat").children().slice(1,3);
    filter：除了与括号中的指定选择器匹配的元素之外；$(".meat")..parent().filter(".organic");
    not：会过滤掉与括号中指定选择器匹配的元素；$(".meat").not(".local");
10、把一个元素包括在另一个元素之中：
    $("img#oreilly").wrap("<a href='http://www.oreilly.com'></a>"); // 把一个ID为oreilly的图像包括在一个锚元素之中；
动画元素：
11、animate方法只适用于使用数值设置的css属性；animate会把当前css属性改为第一个参数中设置的css属性；
    $("#my_div").animate({
        opacity:0,
        width:"200",
        height:"800"
    },5000); //完成动画需要的时间
12、关闭动画效果：$.fx.off = true;