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 相关文章推荐
利用ASP发送和接收XML数据的处理方法与代码
Nov 13 Javascript
jQuery Ajax 实例全解析
Apr 20 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
May 17 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
VUE2.0+Element-UI+Echarts封装的组件实例
Mar 02 Javascript
Angular中使用better-scroll插件的方法
Mar 27 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
vue-cli配置flexible过程详解
Jul 04 Javascript
JS数组splice操作实例分析
Oct 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下MYSQL limit的优化
2008/01/10 PHP
PHP循环获取GET和POST值的代码
2008/04/09 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
php实现的mongodb操作类
2015/05/28 PHP
学习php设计模式 php实现装饰器模式(decorator)
2015/12/07 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
javascript里的条件判断
2007/02/27 Javascript
javascript函数中的arguments参数
2010/08/01 Javascript
利用浏览器全屏api实现js全屏
2014/01/16 Javascript
js改变鼠标的形状和样式的方法
2014/03/31 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
JS传参及动态修改页面布局
2017/04/13 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
详解node.js的http模块实例演示
2018/07/12 Javascript
点击按钮弹出模态框的一系列操作代码实例
2019/03/29 Javascript
vue-cli3 DllPlugin 提取公用库的方法
2019/04/24 Javascript
小程序实现可拖动的悬浮按钮
2020/09/07 Javascript
[01:18:31]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第一场 1月10日
2021/03/11 DOTA
python数据结构之图的实现方法
2015/07/08 Python
Python实现基本线性数据结构
2016/08/22 Python
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
Python中pandas模块DataFrame创建方法示例
2018/06/20 Python
python中random模块详解
2021/03/01 Python
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
后勤服务中心总经理工作职责
2014/03/03 职场文书
《春晓》教学反思
2014/04/20 职场文书
高三学生评语大全
2014/04/25 职场文书
节约用电倡议书
2015/04/28 职场文书
党纪处分决定书
2015/06/24 职场文书
初中班主任工作随笔
2015/08/15 职场文书
2016年中学植树节活动总结
2016/03/16 职场文书
导游词之大雁塔景区
2019/09/17 职场文书
MySQL派生表联表查询实战过程
2022/03/20 MySQL