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日历插件My97DatePicker日期范围限制
Jan 20 Javascript
前端性能优化及技巧
May 06 Javascript
jQuery实现的网格线绘制方法
Jun 20 Javascript
jquery Ajax 全局调用封装实例详解
Jan 16 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
3种vue路由传参的基本模式
Feb 22 Javascript
js实现网页同时进行多个倒计时功能
Feb 25 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
vue-父子组件和ref实例详解
Nov 10 Javascript
JS控制下拉列表左右选择实例代码
May 08 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
Pain 全世界最小最简单的PHP模板引擎 (普通版)
2011/10/23 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
PHP导入导出Excel代码
2015/07/07 PHP
thinkphp关于简单的权限判定方法
2017/04/03 PHP
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
一行代码告别document.getElementById
2012/06/01 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
利用原生JavaScript获取元素样式只是获取而已
2014/10/08 Javascript
nodejs教程之入门
2014/11/21 NodeJs
浅析jQuery 3.0中的Data
2016/06/14 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
jQuery事件绑定用法详解
2016/09/08 Javascript
js中json处理总结之JSON.parse
2016/10/14 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
微信小程序实现提交input信息到后台的方法示例
2019/01/19 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
2019/09/17 Javascript
对vuex中store和$store的区别说明
2020/07/24 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
Python设计模式之享元模式原理与用法实例分析
2019/01/11 Python
Python Selenium参数配置方法解析
2020/01/19 Python
如何写python的配置文件
2020/06/07 Python
python如何使用代码运行助手
2020/07/03 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
商务专员岗位职责
2013/11/23 职场文书
职工运动会邀请函
2014/02/02 职场文书
工作违纪检讨书
2014/02/17 职场文书
《开国大典》教学反思
2014/04/19 职场文书
赞美教师的句子
2019/09/02 职场文书
go语言中json数据的读取和写出操作
2021/04/28 Golang
Java基础之线程锁相关知识总结
2021/06/30 Java/Android