四.文档处理 1.内部插入 名称 用法 描述
append(content|fn) $("p").append("<b>Hello</b>"); 向每个匹配的元素内部追加内容
appendTo(content) $("p").appendTo("div"); 把所有匹配的元素追加到另一个指定的元素元素集合中
prepend(content|fn) $("p").prepend("<b>Hello</b>"); 向每个匹配的元素内部前置内容
prependTo(content) $("p").prependTo("#foo"); 把所有匹配的元素前置到另一个、指定的元素元素集合中
2.外部插入 名称 用法 描述
after(content|fn) $("p").after("<b>Hello</b>"); 在每个匹配的元素之后插入内容
before(content|fn) $("p").before("<b>Hello</b>"); 在每个匹配的元素之前插入内容
insertAfter(content) $("p").insertAfter("#foo"); 把所有匹配的元素插入到另一个、指定的元素集合的后面
insertBefore(content) $("p").insertBefore("#foo"); 把所有匹配的元素插入到另一个、指定的元素集合的前面
3.包裹 名称 用法 描述
wrap(html|ele|fn) $("p").wrap("<div></div>"); 把所有匹配的元素用其他元素的结构化标记包裹起来
unwrap() $("p").unwrap() 这个方法将移出元素的父元素
wrapall(html|ele) $("p").wrapAll("<div></div>"); 将所有匹配的元素用单个元素包裹起来
wrapInner(html|ele|fn) $("p").wrapInner("<b></b>"); 将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来
4.替换 名称 用法 描述
replaceWith(content|fn) $("p").replaceWith("<b>Paragraph. </b>"); 将所有匹配的元素替换成指定的HTML或DOM元素
replaceAll(selector) $("<b>Paragraph. </b>").replaceAll("p"); 用匹配的元素替换掉所有 selector匹配到的元素
5.删除 名称 用法 描述
empty() $("p").empty(); 删除匹配的元素集合中所有的子节点
emove([expr]) $("p").remove(); 从DOM中删除所有匹配的元素
detach([expr]) $("p").detach(); 从DOM中删除所有匹配的元素
6.复制 名称 用法 描述
clone([Even[,deepEven]]) $("b").clone().prependTo("p"); 克隆匹配的DOM元素并且选中这些克隆的副本
五.筛选 1.过滤 名称 用法 描述
eq(index|-index) $("p").eq(1) 获取当前链式操作中第N个jQuery对象
first() $('li').first() 获取第一个元素
last() $('li').last() 获取最后个元素
hasClass(class) 检查当前的元素是否含有某个特定的类，如果有，则返回true
filter(expr|obj|ele|fn) $("p").filter(".selected") 筛选出与指定表达式匹配的元素集合
is(expr|obj|ele|fn) $("input[type='checkbox']").parent().is("form") 根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合，如果其中至少有一个元素符合这个给定的表达式就返回true
map(callback) 将一组元素转换成其他数组（不论是否是元素数组）
has(expr|ele) $('li').has('ul') 保留包含特定后代的元素，去掉那些不含有指定后代的元素
not(expr|ele|fn) $("p").not( $("#selected")[0] ) 从匹配元素的集合中删除与指定表达式匹配的元素
slice(start,[end]) $("p").slice(0, 1) 选取一个匹配的子集
2.查找 名称 用法 描述
children([expr]) $("div").children() $("div").children(".selected") 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合
closest(e|o|e) $("li:first").closest(["ul", "body"]); closest会首先检查当前元素是否匹配，如果匹配则直接返回元素本身。如果不匹配则向上查找父元素，一层一层往上，直到找到匹配选择器的元素。如果什么都没找到则返回一个空的jQuery对象。
find(e|o|e) $("p").find("span") 搜索所有与指定表达式匹配的元素
next([expr])