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事件_动力节点Java学院整理
Jul 05 jQuery
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
JQuery元素快速查找与操作
Apr 22 jQuery
jQuery 实现批量提交表格多行数据的方法
Aug 09 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
JQueryDOM之样式操作
Mar 27 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
如何解决jQuery 和其他JS库的冲突
Jun 22 jQuery
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 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 常见郁闷问题答解
2006/11/25 PHP
分享PHP-pcntl 实现多进程代码
2016/09/30 PHP
php注册系统和使用Xajax即时验证用户名是否被占用
2017/08/31 PHP
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
jquery键盘事件介绍
2011/01/31 Javascript
JQuery里选择超链接的实现代码
2011/05/22 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
2013/04/21 Javascript
JS常用字符串处理方法应用总结
2014/05/22 Javascript
jQuery的:parent选择器定义和用法
2014/07/01 Javascript
使用jquery prev()方法找到同级的前一个元素
2014/07/11 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
jQuery中after()方法用法实例
2014/12/25 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
javascript每日必学之循环
2016/02/19 Javascript
ionic中列表项增加和删除的实现方法
2017/01/22 Javascript
element实现合并单元格通用方法
2019/11/13 Javascript
mpvue微信小程序开发之实现一个弹幕评论
2019/11/24 Javascript
Python中变量交换的例子
2014/08/25 Python
Python random模块常用方法
2014/11/03 Python
Python序列之list和tuple常用方法以及注意事项
2015/01/09 Python
总结Python编程中三条常用的技巧
2015/05/11 Python
Django发送html邮件的方法
2015/05/26 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
python+openCV调用摄像头拍摄和处理图片的实现
2019/08/06 Python
Python中的引用和拷贝实例解析
2019/11/14 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
django 多数据库及分库实现方式
2020/04/01 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
介绍一下SQL中union,intersect和minus
2012/04/05 面试题
人力资源行政经理自我评价
2013/10/23 职场文书
《在家里》教后反思
2014/03/01 职场文书
小学生五年级大队长竞选发言稿
2014/09/12 职场文书
地方白酒代理协议书
2014/10/25 职场文书
护士爱岗敬业心得体会
2016/01/25 职场文书