分享web开发知识

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

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

jQuery文档处理

发布时间:2023-09-06 01:53责任编辑:傅花花关键词:jQuery

文档处理: 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>

jQuery文档处理

原文地址:https://www.cnblogs.com/miaoxingxiaoQ/p/9019982.html

知识推荐

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