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代码(阳历和农历)
Sep 30 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
js滑动提示效果代码分享
Mar 10 Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
vue实现word,pdf文件的导出功能
Jul 31 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
p5.js临摹动态图形的方法
Oct 23 Javascript
ES6学习笔记之字符串、数组、对象、函数新增知识点实例分析
Jan 22 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实现复制移动文件的方法
2015/07/29 PHP
PHP使用Session实现上传进度功能详解
2019/08/06 PHP
js 图片轮播(5张图片)
2008/12/30 Javascript
javascript new一个对象的实质
2010/01/07 Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
2010/07/26 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
html5 canvas js(数字时钟)实例代码
2013/12/23 Javascript
Nodejs中自定义事件实例
2014/06/20 NodeJs
理解jQuery stop()方法
2014/11/21 Javascript
js创建对象的方式总结
2015/01/10 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
JS实现超简单的汉字转拼音功能示例
2016/12/22 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
js模拟支付宝密码输入框
2017/04/11 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
vue 项目地址去掉 #的方法
2018/10/20 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
vue+vuex+json-seiver实现数据展示+分页功能
2019/04/11 Javascript
解决cordova+vue 项目打包成APK应用遇到的问题
2019/05/10 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
微信小程序获取当前时间及星期几的实例代码
2020/09/20 Javascript
python pandas 时间日期的处理实现
2019/07/30 Python
python并发编程 Process对象的其他属性方法join方法详解
2019/08/20 Python
Python SMTP发送电子邮件的示例
2020/09/23 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
好莱坞百老汇御用王牌美妆:Koh Gen Do 江原道
2018/04/03 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
阿迪达斯印尼官方网站:adidas印尼
2020/02/10 全球购物
士力架广告词
2014/03/20 职场文书
政风行风评议整改方案
2014/09/15 职场文书
六五普法宣传标语
2014/10/06 职场文书
新郎接新娘保证书
2015/05/08 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
Java 中的 Lambda List 转 Map 的多种方法详解
2022/07/07 Java/Android