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实现的Marimekko图效果示例【附demo源码】
Mar 24 jQuery
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery输入框密码的显示隐藏【代码分享】
Apr 29 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
jquery实现侧边栏左右伸缩效果的示例
Dec 19 jQuery
jQuery EasyUI window窗口使用实例代码
Dec 25 jQuery
集成vue到jquery/bootstrap项目的方法
Feb 10 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
浅谈JS和jQuery的区别
Mar 27 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 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
广播爱好者需要了解的天线知识
2021/03/01 无线电
咖啡豆的最常见发酵处理方法,详细了解一下
2021/03/03 冲泡冲煮
PHP 裁剪图片成固定大小代码方法
2009/09/09 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
php数组随机排序实现方法
2015/06/13 PHP
javascript 表单的友好用户体现
2009/01/07 Javascript
IE6中使用position导致页面变形的解决方案(js代码)
2011/01/09 Javascript
JavaScript:new 一个函数和直接调用函数的区别分析
2013/07/10 Javascript
纯文字版返回顶端的js代码
2013/08/01 Javascript
jQuery搜索同辈元素方法
2015/02/10 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
理解javascript模块化
2016/03/28 Javascript
JS中BOM相关知识点总结(必看篇)
2016/11/22 Javascript
Node连接mysql数据库方法介绍
2017/02/07 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
2018/03/15 Javascript
js中的闭包实例展示
2018/11/01 Javascript
Python基于socket实现简单的即时通讯功能示例
2018/01/16 Python
详解python中sort排序使用
2019/03/23 Python
python实现QQ邮箱发送邮件
2020/03/06 Python
django迁移文件migrations的实现
2020/03/31 Python
Jupyter Notebook远程登录及密码设置操作
2020/04/10 Python
20行Python代码实现一款永久免费PDF编辑工具的实现
2020/08/27 Python
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
XD健身器材:Kevlar球、Crossfit健身球
2019/03/26 全球购物
销售简历自我评价
2014/01/24 职场文书
采购部部长岗位职责
2014/02/06 职场文书
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
关于爱国的标语
2014/06/24 职场文书
2015年农村党员干部主题教育活动总结
2015/03/25 职场文书
感谢师恩主题班会
2015/08/17 职场文书
56句经典英文座右铭
2019/08/09 职场文书
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server