元素内外插入替换删除 remove detach 克隆页面加载

创建元素

 //jqvar pDom = $("<p>人性本恶</p>")[0];console.log(pDom);

内部插入

<div class="box"><h2>骚年，向前冲</h2></div><script>var pDom = $( "<p>加油，加油，加油！！！</p>" );console.log(pDom);$(".box").append(pDom);  //在目标元素 内部末尾 添加新元素

外部插入

// 创建元素  插入文本var pDom = $("<p>2.就单纯的认为你发生了什么事情</p>");var hDom = $( "<h3>3.后来才发现  原来是除了和我在一起  你和谁在一起都很开心</h3>" );// 在外部前面插入$(".box").before( pDom );//把元素插在目标元素外部前面// 将元素插入在外部前面hDom.insertBefore( $( ".box" ) );// 元素在外部前面插入// 在外部后面插入$(".box").after( pDom );// 把元素插入目标元素后面// 将元素插入在外部后面hDom.insertAfter( $( ".box" ) );// 元素在外部后面插入

包裹元素

<span>打扰到你，我很抱歉</span><span>以后不会了</span><div><span>在下退了</span></div><p><span>这一退，可能就是一辈子</span></p><script>// 使用 p 标签 包裹每一个 span 标签// $("sapn").wrap("<p></p>");//创建 p 标签  一个 p 标签 单独包裹一个span// 一个 p 标签包裹所有的 span// $("span").wrapAll("<p></p>");  // 所有span标签  包裹在一块// 移除 元素 外部 包裹 的元素$("span").unwrap("p");  // 移除 外部 原来就 包裹的 元素

替换元素

<div class="box">二十四桥明月夜，玉人何处教派吹箫</div><script>// $(".box").replaceWith("<p>青山隐隐水迢迢，秋尽江南草未凋</p>");//将目标元素替换为新元素$("<p>青山隐隐水迢迢，秋尽江南草未凋</p>").replaceAll(".box");//用 新元素  替换  目标元素</script>

删除元素

<div class="box"><p>桃花影落飞神剑，</p><h2>碧海潮生按玉箫。</h2></div><script>/* remove()    删除目标元素所有信息  包括子元素empty()     删除目标元素所有文本信息detach()    删除目标元素所有信息  包括子元素*/// $(".box").remove();// $(".box").empty();$(".box").detach();

remove 与 detach

<div><h2>remove</h2><button class="rdel">删除节点</button><button class="radd">添加节点</button></div><div><h2>detach</h2><button class="ddel">删除节点</button><button class="dadd">添加节点</button></div><div class="box"></div><script>$(".box").click(function(){alert("哈喽  你好啊");});var removeDom = '';$(".rdel").click(function(){removeDom = $(".box").remove();//删除});$(".radd").click(function(){$("body").append(removeDom);// 显示 / 添加});var detachDom = '';$(".ddel").click(function(){detachDom = $(".box").remove();  // remove 有返回值  设置变量为空的那意思是  让remove的返回值 赋值给变量 在下边调用变量});$(".dadd").click(function(){$("body").append(detachDom); //这里是调用返回值 赋值过后的 变量});

克隆元素

 <button class="btn" id="btn">克隆</button><div class="box" id="box"><p>瀚海堆白骨</p><p>风携刀下魂</p></div><script>$("#box").click(function(){alert("烟霞散彩，日月摇光。千株老柏，万节修篁")})$(".btn").click(function(){//克隆选择器用id  不可以用class以为用class会出现反复克隆的现象1 2 4 8等叠加var cloneDom = $("#box").clone(true);$("body").append( cloneDom );

页面加载

   //  onload  页面载入  --  原生态  (dom 、css 、图片 、等资源 加载完成) 执行命令window.onload = function(){console.log("落魄迂疏自可怜，");}window.onload = function(){console.log("落魄迂疏自可怜");}//  ready  页面加载  --  jQuery  (dom加载完成) 执行命令$(document).ready(function(){console.log("棋为日月酒为年。");});$(document).ready(function(){console.log("人生不向花前醉，");});// jQuery  --  简化版      ready$(function($){    //听发到的另一个名字  (入口函数)  不知对错console.log("弹指流年到从前。");});/* onload  是原生态js的方法  等页面全部加载完成  执行   不可以写多个  后边的会把前边的覆盖ready   是jq的方法   只需要的dom加载完成  就可以执行   可以写多个*/

元素内外插入替换删除 remove detach 克隆页面加载相关推荐

python如何校验页面元素是否加载完毕_爬虫（八十七）等待页面加载完成(Waits)...
现在的大多数的Web应用程序是使用Ajax技术.当一个页面被加载到浏览器时, 该页面内的元素可以在不同的时间点被加载.这使得定位元素变得困难, 如果元素不再页面之中,会抛出 ElementNotVis ...
asp.net zero 8.2 学习-11-Metronic替换google字体，加速网页加载速度
asp.net zero 8.2使用的前端模板是Metronic6.0以上版本,官网的Metronic下载下来,打开很慢主要是加载googole字体耗费时间,这是我之前写的如何在Metronic中替换 ...
php克隆自动加载
PHP加载 include() 函数 include() 函数可获得指定文件中的所有文本,并把文本拷贝到使用 include 函数的文件中. 例子 1 假设您拥有一个标准的页眉文件,名为 " ...
rimraf node_modules 删除报错 rimraf : 无法加载文件
rimraf : 无法加载文件 C:\***\***\AppData\Roaming\npm\rimraf.ps1,因为在此系统上禁止运行脚本.有关详细信息,请参阅 https:/go.microso ...
在html中怎么插入腾讯视频,腾讯视频加载方案, 网页嵌入腾讯视频方式 iframe, 网页嵌入腾讯视频方式...
前言:更多详细内容可以参考腾讯开发平台的文档,我在这里简单备忘一下方法一:引入iframe 在视频播放界面的左下方,鼠标移动到分享,复制通用代码放在页面上即可腾讯视频加载方案, 网页嵌入腾讯视频方 ...
Mac上PDF中插入替换删除页面
背景在毕业论文中,有一些[版权声明][原创声明]这些的PDF可能是由系统生成,需要合并到论文当中. 那么采用microsoft Word就没办法完成此事. 解决方案第一步,下载软件,打开文档. 打 ...
html 加载后删除,document.write()应该在我的页面加载后删除所有现有的html？
我冲这个: The write() method is mostly used for testing: If it is used after an HTML document is fully l ...
Android 4.4.2插入exFAT格式U盘识别及加载的解决方案
简介 Android原生的平台不支持NTFS和exFAT格式的文件系统,但是Linux已经有相应的开源代码,因此只需找到相应的源码将其移植到Android上即可. 我目前使用的系统是Android 4 ...

元素内外插入替换删除 remove detach 克隆页面加载

元素内外插入替换删除 remove detach 克隆页面加载相关推荐

最新文章

热门文章

元素 内外插入 替换 删除 remove detach 克隆 页面加载

元素 内外插入 替换 删除 remove detach 克隆 页面加载相关推荐

最新文章

热门文章

元素内外插入替换删除 remove detach 克隆页面加载

元素内外插入替换删除 remove detach 克隆页面加载相关推荐