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让IE浏览器event对象符合W3C DOM标准
Nov 24 Javascript
js中的preventDefault与stopPropagation详解
Jan 29 Javascript
jQuery中append()方法用法实例
Dec 25 Javascript
jquery带下拉菜单和焦点图代码分享
Aug 24 Javascript
详解javascript new的运行机制
Jan 26 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
Jquery获取radio选中的值
May 05 jQuery
微信小程序实现滑动删除效果
May 19 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
bootstrap 路径导航 分页 进度条的实例代码
Aug 06 Javascript
如何封装Vue Element的table表格组件
Feb 06 Vue.js
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
深入了解php4(1)--回到未来
2006/10/09 PHP
二进制交叉权限微型php类分享
2014/02/07 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
javascript 打印内容方法小结
2009/11/04 Javascript
js中继承的几种用法总结(apply,call,prototype)
2013/12/26 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
瀑布流的实现方式(原生js+jquery+css3)
2020/06/28 Javascript
jQuery表单验证简单示例
2016/10/17 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
ng2学习笔记之bootstrap中的component使用教程
2017/03/09 Javascript
AngularJS折叠菜单实现方法示例
2017/05/18 Javascript
基于vue2实现上拉加载功能
2017/11/28 Javascript
JS实现的base64加密解密操作示例
2018/04/18 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
python学习手册中的python多态示例代码
2014/01/21 Python
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
Python简单基础小程序的实例代码
2019/04/28 Python
pandas计数 value_counts()的使用
2019/06/24 Python
Pygame的程序开始示例代码
2020/05/07 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
Python内存泄漏和内存溢出的解决方案
2020/09/26 Python
从事会计工作年限证明
2015/06/23 职场文书
2015年教师节广播稿
2015/08/19 职场文书
教师廉政准则心得体会
2016/01/20 职场文书
2019企业给员工的慰问信
2019/06/24 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL
德劲DE1102数字调谐收音机机评
2022/04/07 无线电
Nginx安装配置详解
2022/06/25 Servers