jQuery相关API及知识点

一、常用API

    is(":checked")      判断对象是否被选中，返回布尔值    $("input:checked")     所有被选中的input元素    $("select option:selected")        所有被选中的选项元素

二、常用方法

    if( $("#id").length>0 ){......}        检查元素是否存在    $("#id").attr("class","newClass")      class替换效果    if( ! $(".class").is(":animated")){        //判断如果当前没有执行动画，则添加新动画    }    $(".scrollButton").click(function(){               //scrollT是一个有滚动条的textarea,点击向下滚动的动画效果        $(".scrollT").animate({scrollTop:"+=50"},300);    });

三、区分一下attr()和prop()的使用情况？

1. 只添加属性名称该属性就会生效应该使用prop();
2. 只存在true/false的属性应该使用prop()。

四、元素插入的位置

    .insertAfter()和.after()：在现存元素的外部，从后面插入元素    .insertBefore()和.before()：在现存元素的外部，从前面插入元素    .appendTo()和.append()：在现存元素的内部，从后面插入元素    .prependTo()和.prepend()：在现存元素的内部，从前面插入元素

五、checkbox全选

    $(".check-all").click(function(event){        $("input[name='checkOne']").prop("checked",this.checked);    });

六、.load()方法注意事项

1. 父页面引入的的css和js文件（或者style内），均可代入到子页面，即子页面无需再引入相应的文件；
2. 子页面load完毕之后，相同的样式会复写父页面的样式，即子页面相当于一个最后引入的css样式表，它可调整样式的部分为：在父页面中，包含子页面load内容的外包元素开始，以及它的内部元素（即子页面的全部内容）；
3. 子页面虽然能使用父页面的css和js文件，但是父页面手写的js事件（无论引入的js文件还是父页面body结束标签前写的），均无法代入到子页面中。

七、点击空白区域隐藏代码

function stopPropagation(e) {    if( e.stopPropagation ){        e.stopPropagation();    }else{        e.cancelBubble = true;    }}$(document).bind('click',function(){ //  点击空白区域需要执行的事件    $(".ztree").slideUp("fast");                });$('.div-select').bind('click',function(e){    //  点击select要触发的事件    $(".ztree").slideToggle("fast");                stopPropagation(e);});$('.ztree').bind('click',function(e){     //  子节点点击不隐藏事件    stopPropagation(e);                         });