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实现可拖动进度条实例代码
Jun 21 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
在Vue项目中引入JQuery-ui插件的讲解
Jan 27 jQuery
详解jQuery如何实现模糊搜索
May 10 jQuery
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
Javascript和jquery在selenium的使用过程
Oct 31 jQuery
jquery自定义组件实例详解
Dec 31 jQuery
jQuery使用hide()、toggle()函数实现相机品牌展示隐藏功能
Jan 29 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
全国FM电台频率大全 - 6 辽宁省
2020/03/11 无线电
PHP编程中字符串处理的5个技巧小结
2007/11/13 PHP
php时间不正确的解决方法
2008/04/09 PHP
PHP关于foreach复制知识点总结
2019/01/28 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
ExtJS PropertyGrid中使用Combobox选择值问题
2010/06/13 Javascript
30个最好的jQuery 灯箱插件分享
2011/04/25 Javascript
JS控制一个DIV层在指定时间内消失的方法
2014/02/17 Javascript
JavaScript中window.open用法实例详解
2015/04/15 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
jQuery基于ajax实现页面加载后检查用户登录状态的方法
2017/02/10 Javascript
jQuery实现常见的隐藏与展示列表效果示例
2018/06/04 jQuery
vue项目开发中setTimeout等定时器的管理问题
2018/09/13 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
VUE实现密码验证与提示功能
2019/10/18 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
Python数组条件过滤filter函数使用示例
2014/07/22 Python
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
python2 与 python3 实现共存的方法
2018/07/12 Python
在Python中使用gRPC的方法示例
2018/08/08 Python
Python3实现爬取简书首页文章标题和文章链接的方法【测试可用】
2018/12/11 Python
浅谈python中真正关闭socket的方法
2018/12/18 Python
Python使用字典的嵌套功能详解
2019/02/27 Python
python实现手机销售管理系统
2019/03/19 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
基于Python下载网络图片方法汇总代码实例
2020/06/24 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
工商管理专业毕业生求职信
2014/05/26 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
杜甫草堂导游词
2015/02/03 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书