今天的码农女孩学习了关于jQuery中的文档处理的内容

文档处理
   内添加（孩子）
       1.append()在父类尾部添加孩子（新）
       2.appendTo()在父类尾部添加孩子（指定）
       3.prepend()在父类头部添加孩子（新）
       4.prependTo()在父类头部添加孩子（指定）
       例：
       $(".box").append("<img src='img/about1.png'>")相当于在.box的元素中的尾部添加一张图片
$(".font").appendTo(".box")相当于将.font的元素剪切到.box的元素中
   外添加（兄弟）
       1.after()添加下面的兄弟（新）
       2.insertAfter()添加下面的兄弟（指定）
       3.before()添加上面的兄弟（新）
       4.insertBefore()添加上面的兄弟（指定）
       例：
       $(".p").after("<img src='img/about1.png'>")相当于在p标签后面添加一张图片
       $(".ul").insertAfter(".p")相当于在p标签后面添加ul标签里的内容
包裹（父类）
       1.warp()把指定的元素分别包裹起来
       2.warpAll()把指定的元素所有包裹起来
       3.warpInner()把指定的元素内容包裹起来
       例：
       $("ul li").wrap("<div></div>")相当于在每一个li外面包裹一个div，也就是说一个div是一个li的父元素

例：<div><li></li></div><div><li></li></div>
$("ul li").wrapAll("<div></div>")相当于在所有li外面包裹一个div，也就是说div是所有li的父元素

例：<div><li></li><li></li></div>
$("ul li").wrapInner("<div></div>")相当于在li元素里的内容外包裹一个div

例：<li><div>1111</div></li>
    替换
       1.replaceWith()把标签替换成新标签
       2.replaceAll()把标签替换成新标签
       例：
       $(".p").replaceWith("<img src='img/about1.png'>")相当于用图片替换p标签的内容
$("<h2>替换p标签</h2>").replaceAll(".p")相当于用h2的内容替换p标签的内容
   删除
       1.empty()删除所有子节点
       2.remove()删除指定元素
       例：
       $(".div").empty()相当于将div的内容全部删除，但是div不删除
$(".div").remove()相当于将整个div全部删除
       $("div").remove(".box") 相当于将div里的.box元素的内容删除
   复制
       1.clone()复制元素
       例：
       $(".font").clone(".box")相当于将.font的元素复制到.box的元素中

今天的码农女孩学习了关于jQuery中的文档处理的内容相关推荐

今天的码农女孩学习了关于python基础的小知识
python介绍 python是一个高层次的结合了解释性,编译性,互动性和面向对象的语言,具有很强的可读性,相比较其他语言语法结构更简单解释性:在python框架下继承了服务器,省略 ...
近200篇机器学习＆amp;深度学习资料分享（含各种文档，视频，源码等）
转自:http://www.tuicool.com/articles/jUz2Y3b 编者按:本文收集了百来篇关于机器学习和深度学习的资料,含各种文档,视频,源码等.而且原文也会不定期的更新,望看到文 ...
java计算机毕业设计海南自贸港知识学习与测试MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计海南自贸港知识学习与测试MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计海南自贸港知识学习与测试MyBatis+系统+LW文档+源码+调试部署本源码技术栈 ...
近200篇机器学习深度学习资料分享（含各种文档，视频，源码等）(1)
原文:http://developer.51cto.com/art/201501/464174.htm 编者按:本文收集了百来篇关于机器学习和深度学习的资料,含各种文档,视频,源码等.而且原文也会不定 ...
韩顺平php可爱屋源码_韩顺平_php从入门到精通_视频教程_第20讲_仿sohu主页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理...
韩顺平_php从入门到精通_视频教程_第20讲_仿sohu首页面布局_可爱屋首页面_学习笔记_源代码图解_PPT文档整理对sohu页面的分析注释很重要经验:写一点,测试一点,这是一个很好的方法. ...
java计算机毕业设计蔚蓝在线学习平台源代码+数据库+系统+lw文档
java计算机毕业设计蔚蓝在线学习平台源代码+数据库+系统+lw文档 java计算机毕业设计蔚蓝在线学习平台源代码+数据库+系统+lw文档本源码技术栈: 项目架构:B/S架构开发语言:Java语言 ...
java计算机毕业设计网络教育学习平台源程序+mysql+系统+lw文档+远程调试
java计算机毕业设计网络教育学习平台源程序+mysql+系统+lw文档+远程调试 java计算机毕业设计网络教育学习平台源程序+mysql+系统+lw文档+远程调试本源码技术栈: 项目架构:B/S ...
java计算机毕业设计网络学习平台源代码+数据库+系统+lw文档
java计算机毕业设计网络学习平台源代码+数据库+系统+lw文档 java计算机毕业设计网络学习平台源代码+数据库+系统+lw文档本源码技术栈: 项目架构:B/S架构开发语言:Java语言开发软 ...
java计算机毕业设计软件工程在线学习平台源代码+数据库+系统+lw文档
java计算机毕业设计软件工程在线学习平台源代码+数据库+系统+lw文档 java计算机毕业设计软件工程在线学习平台源代码+数据库+系统+lw文档本源码技术栈: 项目架构:B/S架构开发语言:Ja ...

今天的码农女孩学习了关于jQuery中的文档处理的内容

今天的码农女孩学习了关于jQuery中的文档处理的内容相关推荐

最新文章

热门文章