分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

jQuery中的文档处理

发布时间:2023-09-06 01:24责任编辑:苏小强关键词:jQuery

一:内部插入

1:append(content):向每个匹配的元素内部追加内容。$("p").append("<b>Hello</b>");

2:appendTo(content):把所有匹配的元素追加到另一个指定的元素元素集合中。$("p").appendTo("div");

3:prepend(content):向每个匹配的元素内部前置内容。$("p").prepend("<b>Hello</b>");

4:prependTo(content):把所有匹配的元素前置到另一个、指定的元素元素集合中。$("p").prependTo("#foo");

二:外部插入

1:after(content):在每个匹配的元素之后插入内容。$("p").after("<b>Hello</b>");

2:before(content):在每个匹配的元素之前插入内容。$("p").before("<b>Hello</b>");

3:insertAfter(content):把所有匹配的元素插入到另一个、指定的元素元素集合的后面。$("p").insertAfter("#foo");

4:insertBefore(content):把所有匹配的元素插入到另一个、指定的元素元素集合的前面。$("p").insertBefore("#foo");

三:包裹

1:wrap(html) 把所有匹配的元素用其他元素的结构化标记包裹起来。$("p").wrap("<div class=‘wrap‘></div>");

2:wrap(elem):$("p").wrap(document.getElementById(‘content‘));

3:unwrap()这个方法将移出元素的父元素。 $("p").unwrap()

4:wrapAll(html)将所有匹配的元素用单个元素包裹起来  $("p").wrapAll("<div></div>");

5:wrapAll(elem)将所有匹配的元素用单个元素包裹起来$("p").wrapAll(document.createElement("div"));

6:wrapInner(html)将每一个匹配的元素的子内容(包括文本节点)用一个HTML结构包裹起来$("p").wrapInner("<b></b>");

7:wrapInner(elem)将每一个匹配的元素的子内容(包括文本节点)用DOM元素包裹起来$("p").wrapInner(document.createElement("b"));

四:替换

1:replaceWith(content)将所有匹配的元素替换成指定的HTML或DOM元素。$("p").replaceWith("<b>Paragraph. </b>");

2:replaceAll(selector)用匹配的元素替换掉所有 selector匹配到的元素。$("<b>Paragraph. </b>").replaceAll("p");

五:删除

1:empty()删除匹配的元素集合中所有的子节点。$("p").empty();

2:remove([expr])从DOM中删除所有匹配的元素。$("p").remove();

3:detach([expr])从DOM中删除所有匹配的元素。$("p").detach();

六:复制

1:clone()克隆匹配的DOM元素并且选中这些克隆的副本。$("b").clone().prependTo("p");

2:clone(true)元素以及其所有的事件处理并且选中这些克隆的副本。设置为true以便复制元素的所有事件处理

jQuery中的文档处理

原文地址:http://www.cnblogs.com/yingyingh5/p/7822262.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved