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.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
Jul 05 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
jQuery事件对象的属性和方法详解
Sep 09 jQuery
jQuery实现可兼容IE6的遮罩功能详解
Sep 19 jQuery
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
Apr 26 jQuery
jQuery高级编程之js对象、json与ajax用法实例分析
Nov 01 jQuery
jquery实现的放大镜效果示例
Feb 24 jQuery
js与jquery获取input输入框中的值实例讲解
Feb 27 jQuery
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 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
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
php socket通信简单实现
2016/11/18 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
JS backgroundImage控制
2009/05/19 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
JS中的substring和substr函数的区别说明
2013/05/07 Javascript
jQuery中prev()方法用法实例
2015/01/08 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
jQuery实现鼠标滑过图片移动特效
2016/12/08 Javascript
JavaScript箭头(arrow)函数详解
2017/06/04 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
解决vue 使用axios.all()方法发起多个请求控制台报错的问题
2020/11/09 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
Python实现多进程共享数据的方法分析
2017/12/04 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
树莓派实现移动拍照
2019/06/22 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
解决python中的幂函数、指数函数问题
2019/11/25 Python
python已协程方式处理任务实现过程
2019/12/27 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
Python操控mysql批量插入数据的实现方法
2020/10/27 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
澳大利亚在线高跟鞋商店:Shoe Me
2019/11/19 全球购物
环境科学专业优秀毕业生自荐书
2014/02/03 职场文书
学校校庆演讲稿
2014/05/22 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
证劵公司反洗钱宣传活动总结
2015/05/08 职场文书
2015年国庆节寄语
2015/08/17 职场文书
创业计划书之外语培训班
2019/11/02 职场文书
nginx 防盗链防爬虫配置详解
2021/03/31 Servers
css 中多种边框的实现小窍门
2021/04/07 HTML / CSS