jQuery Dom元素操作技巧

239 阅读 0 评论 158 点赞

我是靠谱客的博主稳重砖头，最近开发中收集的这篇文章主要介绍jQuery Dom元素操作技巧，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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元素操作技巧，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！