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实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
jQuery插件MixItUp实现动画过滤和排序
Apr 12 Javascript
javascript常用的方法整理
Aug 20 Javascript
Atitit.js的键盘按键事件捆绑and事件调度
Apr 01 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
微信jssdk用法汇总
Jul 16 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
Feb 28 Javascript
详解vue.js移动端配置flexible.js及注意事项
Apr 10 Javascript
vue中实现动态生成二维码的方法
Feb 21 Javascript
vue使用map代替Aarry数组循环遍历的方法
Apr 30 Javascript
解决Vue大括号字符换行踩的坑
Nov 09 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
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
纯真IP数据库的应用 IP地址转化成十进制
2009/06/14 PHP
php 把数字转换成汉字的代码
2015/07/21 PHP
PHP+HTML+JavaScript+Css实现简单爬虫开发
2016/03/28 PHP
利用switch语句进行多选一判断的实例代码
2016/11/14 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
2007/04/12 Javascript
js 页面输出值
2008/11/30 Javascript
jQuery中add实现同时选择两个id对象
2010/10/22 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
datagrid框架的删除添加与修改
2013/04/08 Javascript
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
初探JavaScript 面向对象(推荐)
2017/09/03 Javascript
vue中echarts3.0自适应的方法
2018/02/26 Javascript
关于Angularjs中自定义指令一些有价值的细节和技巧小结
2018/04/22 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
2020/04/15 Javascript
[07:26]2015国际邀请赛第二日TOP10集锦
2015/08/06 DOTA
django 通过ajax完成邮箱用户注册、激活账号的方法
2018/04/17 Python
Django中的Model操作表的实现
2018/07/24 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
使用python serial 获取所有的串口名称的实例
2019/07/02 Python
pymysql 开启调试模式的实现
2019/09/24 Python
Python基于BeautifulSoup爬取京东商品信息
2020/06/01 Python
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
租房协议书
2014/04/10 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
2014教师年度工作总结
2014/11/10 职场文书
政审证明材料
2015/06/19 职场文书
2016春节放假通知范文
2015/08/18 职场文书
2019假期福利管理制度!
2019/07/15 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis
大型强子对撞机再次重启探索“第五种自然力”
2022/04/29 数码科技