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 相关文章推荐
广告显示判断
Aug 31 Javascript
B/S模式项目中常用的javascript汇总
Dec 17 Javascript
js调用后台、后台调用前台等方法总结
Apr 17 Javascript
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
javascript iframe跨域详解
Oct 26 Javascript
boostrapTable的refresh和refreshOptions区别浅析
Jan 22 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
jquery.picsign图片标注组件实例详解
Feb 02 jQuery
VUE组件中的 Drawer 抽屉实现代码
Aug 06 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 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
全国FM电台频率大全 - 29 青海省
2020/03/11 无线电
php实现文件下载功能的几个代码分享
2014/05/10 PHP
php生成curl命令行的方法
2015/12/14 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
javascript 函数速查表
2010/02/07 Javascript
javascript cookies操作集合
2010/04/12 Javascript
Jquery 扩展方法
2010/05/06 Javascript
JavaScript实现快速排序的方法
2015/07/31 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
JS基于面向对象实现的拖拽功能示例
2016/12/20 Javascript
js自制图片放大镜功能
2017/01/24 Javascript
微信小程序开发之入门实例教程篇
2017/03/07 Javascript
Angular2 父子组件通信方式的示例
2018/01/29 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
2019/09/06 Javascript
python发腾讯微博代码分享
2014/01/10 Python
django实现分页的方法
2015/05/26 Python
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
python的unittest测试类代码实例
2017/12/07 Python
Python制作词云的方法
2018/01/03 Python
对python中的six.moves模块的下载函数urlretrieve详解
2018/12/19 Python
Python零基础入门学习之输入与输出
2019/04/03 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
HTML5获取当前地理位置并在百度地图上展示的实例
2020/07/10 HTML / CSS
Hotels.com英国:全球领先的酒店住宿提供商
2019/01/24 全球购物
法国一家多品牌成衣精品中/高档商店:Graduate Store
2019/08/28 全球购物
四年级下册教学反思
2014/02/01 职场文书
2014婚礼司仪主持词
2014/03/14 职场文书
大学生社会实践自我鉴定
2014/03/24 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
毕业横幅标语
2014/10/08 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书
Go语言特点及基本数据类型使用详解
2022/03/21 Golang