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 表单序列化实例代码
Jun 11 jQuery
jquery拖动改变div大小
Jul 04 jQuery
简单实现jQuery手风琴效果
Aug 18 jQuery
Mui使用jquery并且使用点击跳转新窗口的实例
Aug 19 jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
JQuery中DOM节点的操作与访问方法实例分析
Dec 23 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
Jquery $.map使用方法实例详解
Sep 01 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
jQuery ajax - getScript() 方法和getJSON方法
May 14 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.04简明安装
2006/10/09 PHP
linux系统上支持php的 iconv()函数的方法
2011/10/01 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
jquery获取div宽度的实现思路与代码
2013/01/13 Javascript
深入document.write()与HTML4.01的非成对标签的详解
2013/05/08 Javascript
Javascript浅谈之this
2013/12/17 Javascript
解释&amp;&amp;和||在javascript中的另类用法
2014/07/28 Javascript
网页中表单按回车就自动提交的问题的解决方案
2014/11/03 Javascript
bootstrap改变按钮加载状态
2014/12/01 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
详解Backbone.js框架中的模型Model与其集合collection
2016/05/05 Javascript
javascript self对象使用详解
2016/10/18 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
jQuery实现立体式数字滚动条增加效果
2016/12/21 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
微信小程序实现滑动删除效果
2017/05/19 Javascript
vue2.0 父组件给子组件传递数据的方法
2018/01/15 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
vue+elementui实现点击table中的单元格触发事件--弹框
2020/07/18 Javascript
[02:20]DOTA2亚洲邀请赛 EHOME战队出场宣传片
2015/02/07 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
Python文件去除注释的方法
2015/05/25 Python
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
python 函数嵌套及多函数共同运行知识点讲解
2020/03/03 Python
沃尔玛旗下墨西哥超市:Bodega Aurrera
2020/11/13 全球购物
软件测试笔试题
2012/10/25 面试题
十佳文明家庭事迹
2014/05/25 职场文书
父亲节活动策划方案
2014/08/24 职场文书
警察群众路线对照检查材料思想汇报
2014/10/01 职场文书
销售督导岗位职责
2015/04/10 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
MySql新手入门的基本操作汇总
2021/05/13 MySQL