知识学习——jQuery文档操作

addClass() 方法

定义：向被选元素添加一个或多个类。

$(selector).addClass(class)例：$("button").click(function(){    $("p:first").addClass("intro");});

$(selector).addClass(function(index,oldclass))//function(index,oldclass)必需。规定返回一个或多个待添加类名的函数。//index - 可选。选择器的 index 位置。class - 可选。选择器的旧的类名。

after()方法

定义：在被选元素后插入指定的内容。

$(selector).after(content)//content 必需。规定要插入的内容（可包含 HTML 标签）。//实例//在每个 p 元素后插入内容：$("button").click(function(){    $("p").after("<p>Hello world!</p>");});

append()方法

定义：在被选元素的结尾（仍然在内部）插入指定内容。

$(selector).append(content)$(selector).append(function(index,html))//index - 可选。接收选择器的 index 位置。//html - 可选。接收选择器的当前 HTML。

appendTo()方法

定义：在被选元素的结尾（仍然在内部）插入指定内容。

$(content).appendTo(selector)

attr()方法

定义：设置或返回被选元素的属性值。

$(selector).attr(attribute)//attribute 规定要获取其值的属性。$(selector).attr(attribute,value)//设置被选元素的属性和值。//例$("button").click(function(){    $("img").attr("width","180");});

使用函数来设置属性/值

$(selector).attr(attribute,function(index,oldvalue))

设置多个属性/值对

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

before()方法

定义：在被选元素前插入指定的内容。

$(selector).before(content)$(selector).before(function(index))

clone() 方法

定义：生成被选元素的副本，包含子节点、文本和属性。

$(selector).clone(includeEvents)//includeEvents 可选。布尔值。规定是否复制元素的所有事件处理。//默认地，副本中不包含事件处理器。

detach() 方法

定义：移除被选元素，包括所有文本和子节点。这个方法会保留 jQuery 对象中的匹配的元素，因而可以在将来再使用这些匹配的元素。detach() 会保留所有绑定的事件、附加的数据，这一点与 remove() 不同。

$(selector).detach()

empty() 方法

定义：从被选元素移除所有内容，包括所有文本和子节点。

$(selector).empty()

hasClass()方法

定义：检查被选元素是否包含指定的 class。

$(selector).hasClass(class)

html() 方法

定义：返回或设置被选元素的内容 (inner HTML)。

//当使用该方法返回一个值时，它会返回第一个匹配元素的内容。$(selector).html()//当使用该方法设置一个值时，它会覆盖所有匹配元素的内容。$(selector).html(content)

insertAfter()方法

定义：在被选元素之后插入 HTML 标记或已有的元素。

$(content).insertAfter(selector)//content 必需。规定要插入的内容。可能的值：选择器表达式 HTML 标记//selector 必需。规定在何处插入被选元素。

$("button").click(function(){$("<span>Hello world!</span>").insertAfter("p");});

insertBefore()方法

定义：在被选元素之前插入 HTML 标记或已有的元素。

$(content).insertBefore(selector)//同上

prepend()方法

定义：在被选元素的开头（仍位于内部）插入指定内容。

$(selector).prepend(content)$(selector).prepend(function(index,html))

$(".btn1").click(function(){    $("p").prepend("<b>Hello world!</b>");});

prependTo()方法

定义：在被选元素的开头（仍位于内部）插入指定内容。

$(content).prependTo(selector)

$(".btn1").click(function(){$("<b>Hello World!</b>").prependTo("p");});

remove()方法

定义：移除被选元素，包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除，因而可以在将来再使用这些匹配的元素。但不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。

$(selector).remove()

removeAttr()方法

定义：从被选元素中移除属性。

$(selector).removeAttr(attribute)

$("button").click(function(){    $("p").removeAttr("id");});

removeClass()方法

定义：从被选元素移除一个或多个类。

$(selector).removeClass(class)//如需移除若干类，请使用空格来分隔类名。如果不设置该参数，则会移除所有类。$(selector).removeClass(function(index,oldclass))

$("button").click(function(){    $("p:first").removeClass("intro");});

replaceAll()方法

定义：用指定的 HTML 内容或元素替换被选元素。

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

replaceWith()方法

定义：replaceWith() 方法用指定的 HTML 内容或元素替换被选元素。replaceWith() 与 replaceAll() 作用相同。差异在于语法：内容和选择器的位置，以及 replaceAll()无法使用函数进行替换。

$(selector).replaceWith(content)$(selector).replaceWith(function())

$(".btn1").click(function(){$("p").replaceAll("<b>Hello world!</b>");});

text()方法

定义：设置或返回被选元素的文本内容。
返回文本内容

//当该方法用于返回一个值时，它会返回所有匹配元素的组合的文本内容（会删除 HTML 标记）。$(selector).text()

设置文本内容

//当该方法用于设置值时，它会覆盖被选元素的所有内容。$(selector).text(content)$(selector).text(function(index,oldcontent))

toggleClass()方法

定义：设置或移除被选元素的一个或多个类进行切换。该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。不过，通过使用 “switch” 参数，规定只删除或只添加类。

$(selector).toggleClass(class,switch)//如需规定若干 class，请使用空格来分隔类名。//switch 可选。布尔值。。规定是否添加(true)或移除(false)类。$(selector).toggleClass(function(index,class),switch)

wrap() 方法

定义：把每个被选元素放置在指定的 HTML 内容或元素中。(包裹)

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

unwrap() 方法

定义：删除被选元素的父元素。

$(selector).unwrap()

$("button").click(function(){    $("p").unwrap();});

wrapAll()方法

定义：在指定的 HTML 内容或元素中放置所有被选的元素。

$(selector).wrapAll(wrapper)

$(".btn1").click(function(){    $("p").wrapAll("<div></div>");});

wrapInner()方法

定义：使用指定的 HTML 内容或元素，来包裹每个被选元素中的所有内容 (inner HTML)。

$(selector).wrapInner(wrapper)$(selector).wrapInner(function())

//在每个 p 元素的内容上包围 b 元素：$(".btn1").click(function(){    $("p").wrapInner("<b></b>");});

val()方法

定义：返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

返回 Value 属性

//返回第一个匹配元素的 value 属性的值。$(selector).val()

设置 Value 属性的值

$(selector).val(value)$(selector).val(function(index,oldvalue))