jQuery Dom元素操作技巧


Posted in jQuery onFebruary 04, 2018

Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。

jquery 获取父节点,兄弟节点,在节点内插入内容。

①$("#test1").parent() // 父节点
②$("#test1").next() //下一个节点 
③$("#test1").append('<div class="error_info"><span class="Validform_checktip"></span></div>'); //在节点内插入内容。 
④匹配到指定的元素
$("#test1").parent().next().find(".error_info");

总结:在写js的时候,我们首先要确定是用的javaScript 还是jquery,因为两个写法不一样,方法名也不一样,不能混用。

以上所述是小编给大家介绍的jQuery Dom元素操作技巧,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
jquery在vue脚手架中的使用方式示例
Aug 29 jQuery
jQuery中过滤器的基本用法示例
Oct 11 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jQuery实现雪花飘落效果
Aug 02 jQuery
jQuery实现穿梭框效果
Jan 19 jQuery
jQuery ajax - getScript() 方法和getJSON方法
May 14 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 #jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 #jQuery
jquery.picsign图片标注组件实例详解
Feb 02 #jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 #jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 #jQuery
jQuery与vue实现拖动验证码功能
Jan 30 #jQuery
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 #jQuery
You might like
实现获取http内容的php函数分享
2014/02/16 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
jquery trim() 功能源代码
2011/02/14 Javascript
Javascript中的异步编程规范Promises/A详细介绍
2014/06/06 Javascript
jQuery中remove()方法用法实例
2014/12/25 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
2016/10/08 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
JavaScript实现经典排序算法之选择排序
2016/12/28 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
JavaScript之DOM插入更新删除_动力节点Java学院整理
2017/07/03 Javascript
mpvue中配置vuex并持久化到本地Storage图文教程解析
2018/03/15 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
解决layer图标icon不加载的问题
2019/09/04 Javascript
leaflet加载geojson叠加显示功能代码
2020/02/21 Javascript
微信小程序实现时间戳格式转换
2020/07/20 Javascript
python正则表达式之作业计算器
2016/03/18 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
详解python里使用正则表达式的全匹配功能
2017/10/19 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
django 快速启动数据库客户端程序的方法示例
2019/08/16 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
Python unittest生成测试报告过程解析
2020/09/08 Python
浅析图片上传及canvas压缩的流程
2020/06/10 HTML / CSS
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
小学生家长评语集锦
2014/01/30 职场文书
《回乡偶书》教学反思
2014/04/12 职场文书
《天安门广场》教学反思
2014/04/23 职场文书
小学生保护环境倡议书
2014/05/15 职场文书
新书发布会策划方案
2014/06/09 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
Apache Hudi的多版本清理服务彻底讲解
2022/03/31 Servers
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android