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 ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
jQuery Validate插件ajax方式验证输入值的实例
Dec 21 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
jquery.pagination.js分页使用教程
Oct 23 jQuery
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jQuery实现放大镜案例
Oct 19 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
解析PHP中的unset究竟会不会释放内存
2013/07/18 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
用 JSON 处理缓存
2007/04/27 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
2014/06/20 Javascript
javascript中Array数组的迭代方法实例分析
2015/02/04 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
Vue实现动态显示textarea剩余字数
2017/05/22 Javascript
jQuery实现的文字逐行向上间歇滚动效果示例
2017/09/06 jQuery
vue组件实现可搜索下拉框扩展
2020/10/23 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
对django中render()与render_to_response()的区别详解
2018/10/16 Python
用Python逐行分析文件方法
2019/01/28 Python
在Qt5和PyQt5中设置支持高分辨率屏幕自适应的方法
2019/06/18 Python
python顺序执行多个py文件的方法
2019/06/29 Python
Django的models模型的具体使用
2019/07/15 Python
python实现图片插入文字
2019/11/26 Python
Pyorch之numpy与torch之间相互转换方式
2019/12/31 Python
python3.8下载及安装步骤详解
2020/01/15 Python
Pytorch中.new()的作用详解
2020/02/18 Python
python GUI库图形界面开发之PyQt5布局控件QHBoxLayout详细使用方法与实例
2020/03/06 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
Eyeko美国:屡获殊荣的睫毛膏、眼线笔和眉妆
2018/07/05 全球购物
French Connection官网:女装、男装及家居用品
2019/03/18 全球购物
大整数数相乘的问题
2012/07/22 面试题
大客户销售经理职责
2013/12/04 职场文书
餐饮总经理岗位职责
2014/03/07 职场文书
家长学校工作方案
2014/05/07 职场文书
年终奖发放方案
2014/06/02 职场文书
高效课堂标语
2014/06/26 职场文书
领导干部群众路线剖析材料
2014/10/09 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
python如何正确使用yield
2021/05/21 Python
Python将CSV文件转化为HTML文件的操作方法
2021/06/30 Python