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操作之效果详解
May 19 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
jQuery EasyUI的TreeGrid查询功能实现方法
Aug 08 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
Jun 18 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
Jquery使用each函数实现遍历及数组处理
Jul 14 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jQuery实现计算器功能
Oct 19 jQuery
jQuery实现查看图片功能
Dec 01 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
Codeigniter实现多文件上传并创建多个缩略图
2014/06/12 PHP
php循环table实现一行两列显示的方法
2015/06/04 PHP
php实现将Session写入数据库
2015/07/26 PHP
php实现购物车功能(上)
2020/07/23 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
php判断是否为ajax请求的方法
2016/11/29 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
使用Mootools动态添加Css样式表代码,兼容各浏览器
2011/12/12 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
Extjs 3.3切换tab隐藏相应工具栏出现空白解决
2013/04/02 Javascript
JS 操作Array数组的方法及属性实例解析
2014/01/08 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
fckeditor粘贴Word时弹出窗口取消的方法
2014/10/30 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
基于Vue.js实现简单搜索框
2020/03/26 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
bootstrap动态调用select下拉框的实例代码
2018/08/09 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
使用next.js开发网址缩短服务的方法
2020/06/17 Javascript
[04:03]2014DOTA2西雅图国际邀请赛 LGD战队巡礼
2014/07/07 DOTA
python选择排序算法实例总结
2015/07/01 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
解决Python在导入文件时的FileNotFoundError问题
2020/04/10 Python
New Balance澳大利亚官网:运动鞋和健身服装
2019/02/23 全球购物
室内设计专业个人的自我评价
2013/10/19 职场文书
物理专业大学生职业生涯规划书
2014/02/07 职场文书
商场开业庆典策划方案
2014/06/02 职场文书
承诺书模板
2014/08/30 职场文书
合法的离婚协议书范本
2014/10/23 职场文书
2015年国庆节演讲稿范文
2015/07/30 职场文书
Redis高并发防止秒杀超卖实战源码解决方案
2021/11/01 Redis
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/07 其他游戏