jQuery操作DOM（Document、Object、Model）对象——页面元素操作

1.获取元素的属性：

    attr(name);

2.设置元素的属性：

    attr(key, value);

    attr({key0 : value0,  key1 : value1});

3.删除元素的属性：

    removeAttr(name);

获取和设置元素的内容：

    html();

    html(val);

    text();

    text(val);

获取和设置元素值：

    val();

    val(value);

    获取多个selector标记中的多个选项值：val().join(",")

元素样式操作：

    css(name, value);

    addClass("class");
    addClass("class0 class1 ...");

切换元素css类别：

    toggleClass("class");

删除元素css类别：

    removeClass("class");    // 参数可为空

创建节点元素：

    $("html");

内部插入节点：

    append(content | function(index,html));   追加内容到后面

    appendTo(content);        // content表示被追加的内容

    prepend(content | function(index,heml));  追加内容到前面

    prependTo(content);        // content表示用于选择元素的JQuery表达式

外部插入节点：

    after(content | function)        content | function返回值 表示插入元素外后面的内容

    beforer(content | function)    content | function返回值 表示插入元素外前面的内容

    insertAfter(content)                将所选的元素插入另一个指定的元素后面

    insertBeforer(content)            将所选的元素插入另一个指定的元素前面

复制元素节点：

    clone();            复制匹配的DOM元素并且选中复制成功的元素，该方法仅复制元素本身，被复制的新元素不具有任何元素行为。

    clone(true);     被复制的新元素具有元素行为。

替换元素节点：

    replaceWith(content);    将所有选择的元素替换成指定的HTML或DOM元素，其中content为被所选择元素替换的内容。

    replaceAll(selector);        将所有选择的元素替换成指定selector的元素，其中selector为需要被替换的元素。

包裹元素节点：

    wrap(html | elem | function);            把所有选择的元素用其他 字符串/DOM元素/函数返回代码 代替代码包裹起来。

    unwrap();                                            移除所选元素的父元素或包裹标记

    wrapAll(html | elem);                         把所选的元素用单个元素包裹起来

    wrapInner(html | elem | function);    把所有选择元素的子内容（包括文本节点）用 DOM元素/function返回的代码 包裹起来

遍历元素：

    each(callback);        callback是一个函数，callback函数还可以接受一个index形参，该形参为遍历元素的序号（从0开始）

    例：$("img").each(function(index){...});

删除页面元素：

    remove([expr]);    其中expr为可选项，如果接受参数，则该参数为筛选元素的jQuery表达式，通过该表达式获取指定的元素，并进行删除。

    empty();                清空所选的页面元素或所有的后代元素，并非删除节点和元素，仅仅可以“清空”全部的节点或节点所包括的所有后代元素。