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 相关文章推荐
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
简单实现js放大镜效果
Jul 24 Javascript
如何编写一个d.ts文件的步骤详解
Apr 13 Javascript
详解Vue的常用指令v-if, v-for, v-show,v-else, v-bind, v-on
Oct 12 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
Jan 23 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
Vue开发环境中修改端口号的实现方法
Aug 15 Javascript
基于 Vue 的 Electron 项目搭建过程图文详解
Jul 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函数 serialize()和unserialize()
2012/02/04 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
yii2中添加验证码的实现方法
2016/01/09 PHP
php中输出json对象的值(实现方法)
2018/03/07 PHP
thinkPHP5框架分页样式类完整示例
2018/09/01 PHP
laravel-admin自动生成模块,及相关基础配置方法
2019/10/08 PHP
jquery实现点击变换导航样式的方法
2015/08/31 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
AngularJS 所有版本下载地址
2016/09/14 Javascript
纯原生js实现table表格的增删
2017/01/05 Javascript
bootstrap警告框使用方法解析
2017/01/13 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
p5.js入门教程之平滑过渡(Easing)
2018/03/16 Javascript
javascript中toFixed()四舍五入使用方法详解
2018/09/28 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
2019/12/09 Javascript
keep-alive不能缓存多层级路由菜单问题解决
2020/03/10 Javascript
小程序开发之模态框组件封装
2020/04/23 Javascript
[14:00]DOTA2国际邀请赛史上最长大战 赛后专访B神
2013/08/10 DOTA
python在指定目录下查找gif文件的方法
2015/05/04 Python
解决使用PyCharm时无法启动控制台的问题
2019/01/19 Python
Python 基于wxpy库实现微信添加好友功能(简洁)
2019/11/29 Python
Python3.6安装卸载、执行命令、执行py文件的方法详解
2020/02/20 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
测试工程师岗位职责
2013/11/28 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
甜品蛋糕店创业计划书
2014/09/21 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
精神病医院见习报告
2014/11/03 职场文书
2015年大学班长个人工作总结
2015/04/24 职场文书
2015年党总支工作总结
2015/05/25 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
Python数据类型最全知识总结
2021/05/31 Python
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫