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 相关文章推荐
jQuery boxy弹出层插件中文演示及使用讲解
Feb 24 Javascript
jQuery中end()方法用法实例
Jan 08 Javascript
分享js粘帖屏幕截图到web页面插件screenshot-paste
Aug 21 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
CSS+jQuery实现简单的折叠菜单
Dec 20 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
vue 解决computed修改data数据的问题
Nov 06 Javascript
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
Apr 03 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数据饼图效果实现代码
2011/11/23 PHP
获取URL文件名后缀
2013/10/24 PHP
降低PHP Redis内存占用
2017/03/23 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
2017/11/03 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
web页面数据展示新想法(json)
2010/06/08 Javascript
jQuery操作 input type=checkbox的实现代码
2012/06/14 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
CSS鼠标响应事件经过、移动、点击示例介绍
2013/09/04 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
jQuery简单获取DIV和A标签元素位置的方法
2017/02/07 Javascript
详解Angular.js数据绑定时自动转义html标签及内容
2017/03/30 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
利用pm2部署多个node.js项目的配置教程
2017/10/22 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
原生js实现获取form表单数据代码实例
2019/03/27 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
python连接mysql并提交mysql事务示例
2014/03/05 Python
python根据出生日期获得年龄的方法
2015/03/31 Python
python单元测试unittest实例详解
2015/05/11 Python
python实现生成字符串大小写字母和数字的各种组合
2019/01/01 Python
Python面向对象类编写细节分析【类,方法,继承,超类,接口等】
2019/01/05 Python
python 实现敏感词过滤的方法
2019/01/21 Python
python统计中文字符数量的两种方法
2019/01/31 Python
TensorFlow tf.nn.max_pool实现池化操作方式
2020/01/04 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
HTML页面中添加Canvas标签示例
2015/01/01 HTML / CSS
个人简历自我鉴定
2013/10/11 职场文书
霸气押韵的班级口号
2014/06/09 职场文书
个人年终总结范文
2015/03/09 职场文书
大学学生会主席竞选稿怎么写?
2019/08/19 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis