在拉钩学习的笔记（十五）jQuery节点操作和元素尺寸

    jQuery 节点操作
1、创建元素
    语法：$('<li></li>')
2、追加元素 1
    向父元素最后追加：
    语法 父元素jQuery对象.append(新创建的jQuery对象);
        新创建jQuery对象.appendTo('父元素选择器' 或 父元素jQuery对象);
    向父元素最前面追加：
    语法：父元素jQuery对象.prepend(新创建的jQuery对象);
        新创建的jQuery对象.prependTo('父元素选择器' 或 父元素jQuery对象);
    向元素后面追加新的兄弟
    语法 jQuery对象.after(新创建的jQuery对象);
        新创建jQuery对象.insertAfter('选择器' 或 jQuery对象);
    向元素前面追加新的兄弟
    语法 jQuery对象.befor(新创建的jQuery对象);
        新创建jQuery对象.insertBefor('选择器' 或 jQuery对象);
3、删除元素
    语法：jQuery对象.remove();
    删除谁就让谁调用这个方法
    清空元素
    清空方式1：jQuery对象.empty(); 推荐使用，清空内部的所有元素及元素相关的事件
    清空方式2：jQuery对象.html(''); 仅仅清空内部的元素，不清理内存中的元素的事件
4、克隆元素
    语法：jQuery对象.clone(布尔值); 返回克隆好的元素
    参数：默认是false，表示仅仅克隆内容。true 克隆内容和事件

5、jQuery 操作元素的尺寸
    width() 和 height() 方法
        操作的大小仅仅是内容部分
        设置语法：jQuery对象.width(数字);
        获取语法：jQuery对象.width();
    innerWidth() 和 innerHeight() 方法      将增加或减少的值设置给了 width
        操作的大小是内容部分 + padding
        设置语法：jQuery对象.innerWidth(数字);
        获取语法：jQuery对象.innerWidth();
    outerWidth() 和 outerHeight() 方法
        操作的大小是内容部分 + padding + border
        设置语法：jQuery对象.outerWidth(数字);
        获取语法：jQuery对象.outerWidth();

6、jQuery 操作元素的位置
    获取元素距离文档的位置
        语法：jQuery对象.offset();
        返回一个对象，对象中包含了元素的位置
        注意：offset() 方法获取的元素的位置，永远参照文档，和定位没有关系
    距离上级定位参考元素的位置
        语法：jQuery对象.position();
        返回的一个对象，对象中包含了元素的位置
        注意：position() 方法获取的元素位置，参照最近的定位元素（和定位有关系）
    操作卷去的页面间距
        获取语法： jQuery对象.scrollTop();      返回数字
        设置语法： jQuery对象.scrollTop(数字);