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 相关文章推荐
JavaScript中的Window窗口对象
Jan 16 Javascript
精通JavaScript 纠正 cleanWhitespace函数
Mar 11 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
JavaScript中的Math.sin()方法使用详解
Jun 15 Javascript
javascript如何定义对象数组
Jun 07 Javascript
Ubuntu系统下Angularjs开发环境安装
Sep 01 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
vue实现全选、反选功能
Nov 17 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
js动态生成表格(节点操作)
Jan 12 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
php文件上传表单摘自drupal的代码
2011/02/15 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
php遍历解析xml字符串的方法
2016/05/05 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
JS特效实现图片自动播放并可控的效果
2015/07/31 Javascript
AngularJs解决跨域问题案例详解(简单方法)
2016/05/19 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
JavaScript解析JSON数据示例
2019/07/16 Javascript
Python装饰器使用示例及实际应用例子
2015/03/06 Python
python ddt实现数据驱动
2018/03/14 Python
对python修改xml文件的节点值方法详解
2018/12/24 Python
python 画三维图像 曲面图和散点图的示例
2018/12/29 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
python3应用windows api对后台程序窗口及桌面截图并保存的方法
2019/08/27 Python
python机器学习实现决策树
2019/11/11 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
Pycharm 2020.1 版配置优化的详细教程
2020/08/07 Python
解决virtualenv -p python3 venv报错的问题
2021/02/05 Python
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
突袭HTML5之Javascript API扩展5—其他扩展(应用缓存/服务端消息/桌面通知)
2013/01/31 HTML / CSS
在线购买世界上最好的酒:BoozeBud
2018/06/07 全球购物
幼儿教师个人求职信范文
2013/09/21 职场文书
自我评价范文分享
2014/01/04 职场文书
自我鉴定标准格式
2014/03/19 职场文书
交通事故调解协议书
2014/04/16 职场文书
2015年植树节活动总结
2015/02/06 职场文书
升职自荐信范文
2015/03/27 职场文书
北京爱情故事观后感
2015/06/12 职场文书
收入证明范本
2015/06/12 职场文书
MySQL中IF()、IFNULL()、NULLIF()、ISNULL()函数的使用详解
2021/06/26 MySQL
什么是Python装饰器?如何定义和使用?
2022/04/11 Python
Python Matplotlib绘制动画的代码详解
2022/05/30 Python
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js