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中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jquery的 filter()方法使用教程
Mar 22 jQuery
jQuery实现的简单获取索引功能示例
Jun 04 jQuery
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
JQuery扩展对象方法操作示例
Aug 21 jQuery
jquery判断滚动条距离顶部的距离方法
Sep 05 jQuery
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jQuery控制input只能输入数字和两位小数的方法
May 16 jQuery
jquery实现垂直手风琴导航栏
Feb 18 jQuery
jQuery插件simplePagination的使用方法示例
Apr 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
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
jQuery AJAX 调用WebService实现代码
2010/03/24 Javascript
javascript new fun的执行过程
2010/08/05 Javascript
js的回调函数详解
2015/01/05 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
js检测iframe是否加载完成的方法
2015/11/26 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
webpack4+express+mongodb+vue实现增删改查的示例
2018/11/08 Javascript
js尾调用优化的实现
2019/05/23 Javascript
vue3实现v-model原理详解
2019/10/09 Javascript
Vue页面刷新记住页面状态的实现
2019/12/27 Javascript
JavaScript设计模式---单例模式详解【四种基本形式】
2020/05/16 Javascript
python 将md5转为16字节的方法
2018/05/29 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
appium+python adb常用命令分享
2020/03/06 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
python将logging模块封装成单独模块并实现动态切换Level方式
2020/05/12 Python
python各种excel写入方式的速度对比
2020/11/10 Python
利用css3实现的简单的鼠标悬停按钮
2014/11/04 HTML / CSS
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
本科生详细的自我评价
2013/09/19 职场文书
销售顾问的岗位职责
2013/11/13 职场文书
国际贸易专业个人鉴定
2014/02/22 职场文书
法制报告会主持词
2014/04/02 职场文书
承诺书格式范文
2014/06/03 职场文书
导游欢送词
2015/01/31 职场文书
springboot如何接收application/x-www-form-urlencoded类型的请求
2021/11/02 Java/Android
js不常见操作运算符总结
2021/11/20 Javascript
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫