博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery文档处理
阅读量:4557 次
发布时间:2019-06-08

本文共 1030 字,大约阅读时间需要 3 分钟。

文档处理: append()、 appendto()、prepend()、after()、before()、clone():

append是在元素内部追加后置(元素之内,内容之后)内容,

appendto是将现有内容后置(元素之内,内容之后)追加到元素内,而html中是替换当前所有内容。

append():方法在被选元素的结尾(仍然在内部)插入指定内容,例子:

var html = "<div id='test' title='hi'>1234567</div>"

$("#diva").append(html);
<div id='test'><div id='test' title='hi'>1234567</div></div>

appendto():内容追加到某元素中,例子:

<p>eat chicken</p>
$("p").appendTo("div");
<div><p>eat chicken: </p></div>

prepend():向某元素前置追加一些元素,例子:

$("p").prepend("<b>Hello</b>");
<p><b>Hello</b>eat chicken</p>

after():在元素之后追加元素,例子:

$("p").after("<b>Hello</b>");
<p>eat chicken: </p><b>Hello</b>

before():在元素之前插入元素,例子:

$("p").before("<b>Hello</b>");
<b>Hello</b><p>eat chicken: </p>

把元素用一个新创建的元素包裹起来,例子:

$("p").wrap("<div class='wrap'></div>")
<div class='wrap'><p></p></div>

empty():所有元素的子元素(包括文本节点)删除,例子:

<p>Hello, <span>Person</span> <a href="#">and person</a></p>
$("p").empty();
<p></p>

clone():克隆某元素并且前置追加到某元素:

$("b").clone().prependTo("p");
<p><b></b>eat chicken</p>

转载于:https://www.cnblogs.com/miaoxingxiaoQ/p/9019982.html

你可能感兴趣的文章
DEV中svg图标的使用
查看>>
Codefroces Gym101572 I.Import Spaghetti-有向图跑最小环输出路径(Floyd)
查看>>
有关位运算的操作+二进制状态压缩
查看>>
Eclipse插件 -- 阿里巴巴扫描编码规插件
查看>>
(1.1)学习笔记之mysql体系结构(内存、进程、线程)
查看>>
markdown测试
查看>>
Java-Maven-Runoob:Maven 依赖管理
查看>>
杂项-Log:log4net
查看>>
杂项-Java:EL表达式
查看>>
tarroni music
查看>>
unity 使用RotateAround的使用注意
查看>>
[SDOI2009]HH的项链
查看>>
CodeFirst模式,容易引发数据迁移问题(不建议使用)
查看>>
jquery的colorbox关闭并传递数据到父窗
查看>>
使用Nginx、Keepalived构建文艺负载均衡
查看>>
phpmyadmin 开放远程登录的权限
查看>>
linux安装gcc和gcc-c++
查看>>
qq登陆错误提示
查看>>
bzoj 1192: [HNOI2006]鬼谷子的钱袋 思维 + 二进制
查看>>
没写完,没调完,咕咕咕的代码
查看>>