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);                         
});