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插件Echarts实现的渐变色柱状图
Mar 23 jQuery
jQuery简介_动力节点Java学院整理
Jul 04 jQuery
jQuery使用ajax_动力节点Java学院整理
Jul 05 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
详解jquery插件jquery.viewport.js学习使用方法
Sep 08 jQuery
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
Jul 31 jQuery
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
jQuery实现的页面弹幕效果【测试可用】
Aug 17 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery模拟html下拉多选框的原生实现方法示例
May 30 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
Terran魔法科技
2020/03/14 星际争霸
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
php开启openssl的方法
2014/05/15 PHP
PHP中的事务使用实例
2015/05/26 PHP
FCK调用方法..
2006/12/21 Javascript
用js重建星际争霸
2006/12/22 Javascript
IE与FireFox的兼容性问题分析
2007/04/22 Javascript
json的前台操作和后台操作实现代码
2012/01/20 Javascript
jQuery 自定义函数写法分享
2012/03/30 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
基于javascript的COOkie的操作实现只能点一次
2014/12/26 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
2016/01/08 Javascript
JS在onclientclick里如何控制onclick的执行
2016/05/30 Javascript
js实现漫天星星效果
2017/01/19 Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
2017/02/19 Javascript
vue单页应用中如何使用jquery的方法示例
2017/07/27 jQuery
详解mpvue开发小程序小总结
2018/07/25 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
[26:21]浴火之凤-TI4世界冠军Newbee战队纪录片
2014/08/07 DOTA
[01:00:10]完美世界DOTA2联赛PWL S2 FTD vs Inki 第二场 11.21
2020/11/24 DOTA
python解析json实例方法
2013/11/19 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
python中逻辑与或(and、or)和按位与或异或(&amp;、|、^)区别
2020/08/05 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
利用css3如何设置没有上下边的列表间隔线
2017/07/03 HTML / CSS
HTML5实现QQ聊天气泡效果
2017/06/26 HTML / CSS
《爱的教育》读书心得
2014/11/08 职场文书
2015年加油站工作总结
2015/05/13 职场文书
2015元旦感言
2015/12/09 职场文书
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
详解apache编译安装httpd-2.4.54及三种风格的init程序特点和区别
2022/07/15 Servers