jquery 常见常用文档操作函数

1.addClass()和removeClass();

   addClass():不会移除已经存在的类属性，仅仅是添加一个或多个类，多个类之间用空格隔开，

 $("p:first").addClass("intro note");

removeClass():从匹配的元素中删除全部或指定的类。如果没有指定参数，就会默认删除元素的所有类，

 $("p:first").removeClass("intro note");

2.after()和before()

   after(content):在匹配的元素之后插入指定的内容，content参数是必须的内容，可以包含html标签。

例如：

    $("p").after(function(n){

      return "<p>The p element above has index " + n + "</p>";

    });

before(content):在匹配元素之前添加指定的内容，content是必须的，可包含html标签。

3.append()和appendTo()与prepend()和prependTo()

  append(content):在匹配元素的内部结尾处添加指定的内容，content参数是必须的内容，可以包含html标签。

appendTo():追加，向目标元素的内部添加指定的内容，$(content).appendTo( selector);content 必须的，可包含指定的内容，

prepend(content):在匹配元素的内部开始部分添加指定的内容，content参数是必须的内容，可以包含html标签。

$(content).prependTo( selector)：content 必须的，可包含html标记，

追加，在目标元素内部的开始部分追歼content内容。

4.attr()和removeAttr()

attr():设置或返回匹配元素的属性和值

根据参数的不同，具有不同的功能

返回匹配元素的属性值：

$(selector).attr(attribute)，attribute 规定要获去唭值的属性

设置匹配元素的属性和值

$(selector).attr(attribute,value)；attribute如果存在更改该属性值，不存在增加属性和值，

设置匹配元素多个属性和值，参数采用json格式的键值对

$(selector).attr({attribute:value, attribute:value ...})

removeAttr():从匹配元素中移除属性；

 $("p").removeAttr("id");

5.clone()克隆

clone():生成匹配元素的副本，包含文本、节点和属性，

$(selector).clone(includeEvents)；includeEvents 可选，布尔类型，默认副本中不包含事件处理器，定义成true的情况下副本也可以包含事件处理器。

6.detach()和remove()

  移除所有匹配的元素，包含子节点、文本和属性，以及匹配元素的本身

7.empty()

  empty():从被选元素移除所有内容，包含文本和子节点。

例如：

$("p").empty();

8.hasClass()

$(selector).hasClass(class):检查匹配的元素是否包含指定的类，class必须的，规定需要在指定元素中查找的类；结果是一个布尔类型

9.html()

html():设置或返回当前匹配元素的内容；

$(selector).html()：未设置参数，返回当前匹配元素的内容，

$(selector).html(content)：content可选，设置当前元素的内容可以包含html标签。会先把元素中原有的内容覆盖掉。

10.insertAfter()和insertBefore()

$(content).insertAfter(selector):content 是必须的，html标记的内容或选者器表达式，在被选元素之后插入html标记或已有元素，

注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。

$(content).insertBefore(selector)：

content 是必须的，html标记的内容或选者器表达式，在被选元素之前插入html标记或已有元素，

注释：如果该方法用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之前。

11.replaceAll()和replaceWith()

两个方法作用相似，只不过位置相反 

$(content).replaceAll(selector);用指定的html内容或新元素或已经存在的元素，替换被选的内容，

content:

必需。规定替换被选元素的内容。 可能的值: HTML 代码 - 比如 ("<div></div>") 新元素 - 比如 (document.createElement("div")) 已存在的元素 - 比如 ($(".div1")) 已存在的元素不会被移动，只会被复制，并包裹被选元素

$(selector).relaceWith(content):

content:

必需。规定替换被选元素的内容。 可能的值: HTML 代码 - 比如 ("<div></div>") 新元素 - 比如 (document.createElement("div")) 已存在的元素 - 比如 ($(".div1")) 已存在的元素不会被移动，只会被复制，并包裹被选元素

12.text()设置或返回匹配元素的文本内容，

$(selector).text()：返回文本内容；

$(selector).text(content)：content规定新元素的文本内容。改方法用于设置的时候，会覆盖掉元素的所有内容。

13.val()设置或返回匹配元素的值；

14.wrap()

$(selector).wrap(wrapper)；把 匹配的元素包裹起来，

必需。规定包裹被选元素的内容。 可能的值: HTML 代码 - 比如 ("<div></div>") 新元素 - 比如 (document.createElement("div")) 已存在的元素 - 比如 ($(".div1")) 已存在的元素不会被移动，只会被复制，并包裹被选元素。