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 dataTable 后台加载数据并分页实例代码
Jun 07 jQuery
jQuery复合事件结合toggle()方法的用法示例
Jun 10 jQuery
jQuery鼠标移动图片上实现放大效果
Jun 25 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
jQuery实现滚动到底部时自动加载更多的方法示例
Feb 18 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
Vue项目中使用jquery的简单方法
May 16 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jquery实现垂直手风琴菜单
Mar 04 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
PHP4 与 MySQL 交互使用
2006/10/09 PHP
PHP header()函数常用方法总结
2014/04/11 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
[全兼容哦]--实用、简洁、炫酷的页面转入效果loing
2007/05/07 Javascript
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
jQuery获取标签文本内容和html内容的方法
2015/03/27 Javascript
jQuery+html5实现div弹出层并遮罩背景
2015/04/15 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
2015/09/06 Javascript
javascript Slip.js实现整屏滑动的手机网页
2015/11/25 Javascript
浅谈javascript中new操作符的原理
2016/06/07 Javascript
JS实现合并json对象的方法
2017/10/10 Javascript
详解vue组件开发脚手架
2018/06/15 Javascript
Vue-component全局注册实例
2018/09/06 Javascript
浅谈JavaScript 代码简洁之道
2019/01/09 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
Python整型运算之布尔型、标准整型、长整型操作示例
2017/07/21 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
浅谈tensorflow 中的图片读取和裁剪方式
2020/06/30 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
博士生入学考试推荐信
2013/11/17 职场文书
创伤外科专业推荐信范文
2013/11/19 职场文书
党员个人思想汇报
2013/12/28 职场文书
高中历史教学反思
2016/02/19 职场文书
2016年第二十届“母亲节暨幸福工程救助贫困母亲活动日”活动总结
2016/04/06 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
【海涛dota解说】海涛小满开黑4v5被破两路翻盘潮汐第一视角解说
2022/04/01 DOTA
Golang Web 框架Iris安装部署
2022/08/14 Python
浅谈css清除浮动(clearfix和clear)的用法
2023/05/21 HTML / CSS