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解析json实例详解
Nov 05 Javascript
使用Plupload实现直接上传附件至七牛云存储
Dec 26 Javascript
js对象继承之原型链继承实例
Jan 10 Javascript
Javascript闭包实例详解
Nov 29 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
Apr 13 Javascript
vue实现弹框遮罩点击其他区域弹框关闭及v-if与v-show的区别介绍
Sep 29 Javascript
微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
Aug 01 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
Sep 11 Javascript
vue中watch和computed的区别与使用方法
Aug 23 Javascript
解决vue项目打包上服务器显示404错误,本地没出错的问题
Nov 03 Javascript
JavaScript 对象创建的3种方法
Nov 17 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初学者头疼问题总结
2006/07/08 PHP
在PHP的图形函数中显示汉字
2006/10/09 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
php调用KyotoTycoon简单实例
2015/04/02 PHP
在PHP中实现使用Guzzle执行POST和GET请求
2019/10/15 PHP
解析arp病毒背后利用的Javascript技术附解密方法
2007/08/06 Javascript
JS+CSS实现带小三角指引的滑动门效果
2015/09/22 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
详解JavaScript设计模式开发中的桥接模式使用
2016/05/18 Javascript
vue中用动态组件实现选项卡切换效果
2017/03/25 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
Vue中jsx不完全应用指南小结
2019/11/01 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
Vue实现随机验证码功能
2020/12/29 Vue.js
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
Python+django实现文件上传
2016/01/17 Python
Python处理XML格式数据的方法详解
2017/03/21 Python
python中pylint使用方法(pylint代码检查)
2018/04/06 Python
python 执行终端/控制台命令的例子
2019/07/12 Python
python正则表达式匹配不包含某几个字符的字符串方法
2019/07/23 Python
Python实现直播推流效果
2019/11/26 Python
Python插件机制实现详解
2020/05/04 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
学术会议邀请函范文
2014/01/22 职场文书
消防应急演练方案
2014/02/12 职场文书
企业安全生产标语
2014/06/06 职场文书
电子信息工程专业求职信
2014/06/28 职场文书
2014小学教师个人工作总结
2014/11/10 职场文书
volatile保证可见性及重排序方法
2022/08/05 Java/Android