jQuery-其他-尺寸值

删除
* remove() 与 detach() 的区别
* remove() 移除元素和与之想关联的时间
* detach() 只移除元素
* 注:如果在删除时用变量接收了该操作那么被删除的元素就会被存储于该变量中.

包裹元素

    //A.wrap(B) 用B包裹每一个A

$("div").wrap("<p></p>");

    //A.wrapAll(B) 用B包裹所有A

$("div").wrapAll("<p></p>");

    //A.wrapInner(B) 用B包裹每一个A的内容

$("div").wrapInner("<p></p>");

遍历节点

        $("div").each(function(i,e){
            console.log(i,e);
            //i:下标 e:元素
            if(i==1){
//              $(e).css("background","red");
                $(this).css("background","red");
            }

        })

宽度

console.log($("#one").width());//width
        console.log($("#one").innerWidth());//width + padding
        console.log($("#one").outerWidth());//width + padding + border
        console.log($("#one").outerWidth(true));//width + padding + border + margin

高度

console.log($("#one").height());//height
        console.log($("#one").innerHeight());//height + padding
        console.log($("#one").outerHeight());//height + padding + border
        console.log($("#one").outerHeight(true));//height + padding + border + margin

元素到当前页面顶端和左端的距离
* offset() 方法得到的是一个对象该对象存在两个属性
* left : 元素到页面左端的距离
* top : 元素到页面顶端的距离
获取

console.log($("#one").offset());
        console.log($("#one").offset().left);
        console.log($("#one").offset().top);

设置

        $("#one").offset({
            left:100,
            top:100
        });

/*
         * 元素到离他最近已定位父级的距离
         * 
         * position() 方法得到的是一个对象 该对象存在两个属性 
         * left : 元素到最近已定位父级左端的距离
         * top : 元素到最近已定位父级顶端的距离
         * 
         * 注意:该方法是以margin的边缘位置为起点
         */
        //只能获取
        console.log($("#one").position());
        console.log($("#one").position().left);
        console.log($("#one").position().top);



        //滚动条的位置
        console.log($(":root").scrollTop());//垂直滚动条的位置
        console.log($(":root").scrollTop());//水平滚动条的位置

jQuery-其他-尺寸值

猜你喜欢