jquery 删除节点 添加节点 找兄弟节点的简单实现

所属分类: 网络编程 / JavaScript 阅读数: 640
收藏 0 赞 0 分享

$().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 删除节点 添加节点 找兄弟节点的简单实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Canvas实现放射线动画效果

本文主要分享了Canvas实现放射线动画的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
收藏 0 赞 0 分享

微信小程序 image组件binderror使用例子与js中的onerror区别

这篇文章主要介绍了微信小程序 image组件binderror使用例子与js中的onerror区别的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

原生js轮播(仿慕课网)

本文主要分享了原生js实现仿慕课网的轮播效果。具有很好的参考价值,下面跟着小编一起来看下吧
收藏 0 赞 0 分享

Bootstrap table简单使用总结

这篇文章主要为大家总结了Bootstrap table的简单使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

微信小程序之MaterialDesign--input组件详解

本篇文章主要介绍了微信小程序之MaterialDesign--input组件详解,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。
收藏 0 赞 0 分享

浅析javaScript中的浅拷贝和深拷贝

本篇文章主要介绍了浅析javaScript中的浅拷贝和深拷贝,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

js时间戳和c#时间戳互转方法(推荐)

下面小编就为大家带来一篇js时间戳和c#时间戳互转方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Bootstrap模态框使用详解

这篇文章主要为大家详细介绍了Bootstrap模态框的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

Jil,高效的json序列化和反序列化库

下面小编就为大家带来一篇Jil,高效的json序列化和反序列化库。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

BootStrap实现带关闭按钮功能

这篇文章主要介绍了BootStrap实现带关闭按钮功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多