jQuery获取父节点、子节点、兄弟节点
介绍
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展。
现状
jQuery目前已经趋于下滑,随着各大浏览器趋于标准化,浏览器兼容问题已经越来越不是问题了。随着MVVM(Vue、React…)框架的普及,项目不再会大量直接操作DOM(虚拟DOM)。
不过,它的学习门槛低,学习成本也比较低,前端还是建议学一下。
功能
- HTML 元素选取
- HTML 元素操作
- CSS 操作
- HTML 事件函数
- JavaScript 特效和动画
- HTML DOM 遍历和修改
- AJAX
- Utilities
提示: 除此之外,jQuery 还提供了大量的插件。
节点查找
jQuery的父节点查找方法
$(selector).parent(selector):获取父节点 $(selector).parentNode:以node[]的形式存放父节点,如果没有父节点,则返回空数组 $(selector).parents(selector):获取祖先元素
jQuery的兄弟节点查找方法
$(selector).prev():返回被选元素的前一个同级元素 $(selector).previousSibling():获取上一个兄弟节点 $(selector).prevAll():获取之前所用的兄弟节点 $(selector).next() :获取被选元素的后一个同级元素 $(selector).nextSibling():获取下一个兄弟节点 $(selector).nextAll():获取之后所有的兄弟节点 $(selector).siblings():获取所有的兄弟节点
jQuery的子节点查找方法
$(selector).children():获取所有直接子节点 $(selector).childNodes():以node[]的形式存放子节点,如果没有子节点,则返回空数组 $(selector).firstChild():获取第一个子节点 $(selector).lastChild():获取最后一个子节点 $(selector).contents():获取包含的所有内容,包括空文本 $(selector).removeChild(selector):删除并返回指定的子节点 $(selector).replaceChild(selector):替换并返回指定的子节点
jQuery获取父节点、子节点、兄弟节点相关推荐
- JQuery获取父,子,兄弟节点
jQuery.parent(expr) // 查找父节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent ...
- Jquery 寻找父、子、兄弟节点
JQUERY的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$(" ...
- JQUERY的父,子,兄弟节点查找方法
jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(& ...
- jquery兄弟标签_jQuery的父,子,兄弟节点查找方法
jQuery的父,子,兄弟节点查找方法 jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("s ...
- jquery 获取当前元素的前一个兄弟节点元素
jquery 获取当前元素的前一个兄弟节点元素,可以使用 prev() 方法 示例代码 <!DOCTYPE html> <html><head><meta ...
- jquery兄弟标签_JQuery的父、子、兄弟节点查找方法
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children ...
- 父、子、兄弟节点查找方法
jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children(expr) //查找所有子元素,只会 ...
- js和jquery获取父级元素、子级元素、兄弟元素的方法{转}
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当成DOM元素 原生的JS ...
- js和jquery获取父级元素、子级元素、兄弟元素的方法
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素 原生的JS ...
- jQuery获取父元素及父节点的方法小结
这篇文章主要介绍了jQuery获取父元素及父节点的方法,结合实例形式总结分析了jQuery针对父元素及父节点操作的常用技巧,需要的朋友可以参考下 本文实例总结了jQuery获取父元素及父节点的方法.分 ...
最新文章
- 平流式初沉池贮砂斗计算_水处理相关计算软件大全,提高工作效率必备
- 【django】站点管理
- Android中关于dip和px以及转换的总结
- electron打包现成的vue项目成.exe文件,build打包vue项目(quasar 框架)
- Apache旗下顶级开源盛会 HBasecon Asia 2018将于8月在京举行
- jenkins vue 打包特别慢_从零开始 使用VUE开发桌面客户端
- 苹果商店上架流程_苹果TF签名是什么?
- centos python_【建议收藏】Python虚拟环境最全教程,看这篇就够了!
- 再见2G网络!中国联通开始全面退网
- 程序读取计算机设备管理器中各设备的状态(启用/禁用)?(转自大富翁)
- python里的拆包、引用、递归与匿名函数
- 1.Jenkins 权威指南 --- 在Jenkins 中构建第一个项目
- 高效能人士的七个习惯_如何成为高效能人士?——《高效能人士的七个习惯》读后感...
- 毕业设计 基于大数据的社交平台数据爬虫舆情分析可视化系统
- 开源微信共享记账小程序
- 新买的显卡需要用软件测试吗,怎么测试显卡性能?新手测试教程,秒懂
- 路由器(无线桥接)中继模式遇到无法上网的解决方案
- html tooltips效果,Jquery Tools介绍—Tooltips
- 计算机再带word打不开怎么办,word打不开怎么办
- Springboot毕设项目共享单车管理系统93je9(java+VUE+Mybatis+Maven+Mysql)