jquery 删除节点 添加节点 找兄弟节点的简单实现


Posted in Javascript onDecember 07, 2016

$().empty(); //该方法会删除当前节点下的所有子节点,请注意当前节点不会 被删除

$().remove(); //该方法会删除当前节点下的所有子节点,请注意 当前节点会  被删除

$().append('<a>something</a>')  //该方法在当前节点的末尾 添加 这个a标签

$().after('<span style="font-family: Arial, Helvetica, sans-serif;"><a>something</a></span>')   //该方法在当前节点后面 添加 这个a 标签 相当于添加了一个兄弟元素

$().before('<span> </span>') 同理 在特定元素前面增加一个span

$().prev();

//该方法会找到当前节点的上一个兄弟节点,相邻的上一个兄弟节点

$().next();

//该方法会找到当前节点的下一个兄弟节点,相邻的下一个兄弟节点

$().prevAll();

//该方法找到当前节点的之前的所有兄弟节点

$().nextAll();

//该方法找到当前节点之后的所有兄弟节点

$().siblings();

//该方法找到当前节点的 所有兄弟节点 包括之前 和之后的

//---这些方法 括号里面 请自行添加选择器  去过滤请注意:兄弟节点 和兄弟节点下面的子节点 是不同的概念

//这些都是简单的方法  复杂的还得参考JQUERY 的api

以上这篇jquery 删除节点 添加节点 找兄弟节点的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js文件中调用js的实现方法小结
Oct 23 Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 Javascript
读jQuery之八 包装事件对象
Jun 21 Javascript
Jquery中使用setInterval和setTimeout的方法
Apr 08 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
jquery删除指定的html标签并保留标签内文本内容的方法
Apr 02 Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 Javascript
js实现仿百度风云榜可重复多次调用的TAB切换选项卡效果
Aug 31 Javascript
jquery制作图片时钟特效
Mar 30 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
vue自定义表单生成器form-create使用详解
Jul 19 Javascript
jquery插入兄弟节点的操作方法
Dec 07 #Javascript
Bootstrap基本样式学习笔记之表格(2)
Dec 07 #Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
Dec 07 #Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 #Javascript
Bootstrap风格的WPF样式
Dec 07 #Javascript
Bootstrap基本组件学习笔记之导航(10)
Dec 07 #Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 #Javascript
You might like
PR值查询 | PageRank 查询
2006/12/20 PHP
基于php 随机数的深入理解
2013/06/05 PHP
php采集文章中的图片获取替换到本地(实现代码)
2013/07/08 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
2010/03/07 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
基于jquery实现的一个选择中国大学的弹框 (数据、步骤、代码)
2012/07/26 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
2014/06/27 Javascript
js实现网页收藏功能
2015/12/17 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
vue 内置过滤器的使用总结(附加自定义过滤器)
2018/12/11 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
过滤器vue.filters的使用方法实现
2019/09/18 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
[35:43]2018DOTA2亚洲邀请赛 4.1 小组赛B组 paiN vs Effect
2018/04/03 DOTA
Python专用方法与迭代机制实例分析
2014/09/15 Python
Python中转换角度为弧度的radians()方法
2015/05/18 Python
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Python实现的弹球小游戏示例
2017/08/01 Python
Python实现的朴素贝叶斯分类器示例
2018/01/06 Python
Python实现DDos攻击实例详解
2019/02/02 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
使用CSS3实现多列布局与多背景的技巧
2016/02/29 HTML / CSS
html5适合移动应用开发的12大特性
2014/03/19 HTML / CSS
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
员工薪酬福利制度
2014/01/17 职场文书
2014年商场超市庆元旦活动方案
2014/02/14 职场文书
红色故事演讲稿
2014/05/22 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
办公室班子四风问题对照检查材料
2014/10/04 职场文书
招标保密承诺书
2015/01/20 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
Vue OpenLayer测距功能的实现
2022/04/20 Vue.js