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 相关文章推荐
自适应高度框架 ----属个人收藏内容
Jan 22 Javascript
firefox事件处理之自动查找event的函数(用于onclick=foo())
Aug 05 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
用jQuery实现圆点图片轮播效果
Mar 19 Javascript
关于vue.js过渡css类名的理解(推荐)
Apr 10 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
webpack本地开发环境无法用IP访问的解决方法
Mar 20 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
Apr 17 Javascript
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
Jun 01 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防注入类实例
2014/12/05 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
用js实现的抽象CSS圆角效果!!
2007/05/03 Javascript
javascript html 静态页面传参数
2009/04/10 Javascript
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
CSS3,HTML5和jQuery搜索框集锦
2014/12/02 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
node+express制作爬虫教程
2016/11/11 Javascript
浅析jsopn跨域请求原理及cors(跨域资源共享)的完美解决方法
2017/02/06 Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
2017/02/19 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
2017/09/13 Javascript
详解vue+css3做交互特效的方法
2017/11/20 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
2018/12/12 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
2019/04/04 jQuery
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
2019/06/24 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
2020/02/14 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
2020/07/26 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
将Django使用的数据库从MySQL迁移到PostgreSQL的教程
2015/04/11 Python
python验证码识别实例代码
2018/02/03 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
python selenium firefox使用详解
2019/02/26 Python
在Pycharm中调试Django项目程序的操作方法
2019/07/17 Python
python爬虫爬取笔趣网小说网站过程图解
2019/11/18 Python
HTML5中的拖放实现详解
2017/08/23 HTML / CSS
授权委托书协议书
2014/10/16 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
学习弘扬焦裕禄精神心得体会
2016/01/23 职场文书
装修安全责任协议书
2016/03/22 职场文书