本文主要和大家分享JS和JQuery对操作DOM的方法，主要以代码的方法，希望能帮助到大家。
查询节点:
js：1.根据id查询；2.根据标签名查询；3.根据name查询；4.根据层次查询；详情如下：
jQuery：直接利用jQuery选择器，选中元素，进行操作即可；请查看另一片文章：jQuery选择器https://blog.csdn.net/huang_yx/article/details/79686975（点击打开链接）
读写节点:
js：大致分为：1.读写节点名称和类型；2.读写节点内容；3.读写节点属性；4.读写表单控件的值；详情如下：
jQuery：
读写节点的HTML内容（支持子标签）：对应上面js的第2点
obj.html()/obj.html("123")
读写节点的文本内容（不支持子标签）:对应上面js的第2点
obj.text()/obj.text("123")
读写节点的属性值：对应上面js第3点
obj.attr("属性名")/obj.val("属性名","属性值")
读写节点的value属性值：对应上面js第4点
obj.val()/obj.val("abc")
注：obj表示jQuery对象
增删节点：js对节点的增删只能通过父节点，jQuery则样方便很多，有很多对应的api
js：
增删节点
- 北京
- 上海
- 广州
- 深圳
jQuert：
创建节点：
$("节点内容")；
$("你好")
插入节点：常用API
parent.append(obj)：作为最后一个子节点添加进来
一、源码特点企业费用管理系统，有权限分配，登陆验证，新增角色，发布公告等二、功能介绍1、js的兼容性有个地方不行（比如模块排序，那个时候也是雏鸟一只，写了一小撮，现在用jq应该好处理的吧，ie里面没问题，大家发挥吧）2、里面的菜单和对应菜单下面的目录项可以根据需求自己添加的，有对应模块3、可以根据自己设定的角色添加对应的访问页面4、有些操作涉及到按钮权限，对于这种思路，我粗粗的写了2个自定义控件，
parent.prepend(obj)：作为第一个子节点添加进来
brother.after(obj)：作为下一个兄弟节点添加进来
brother.before(obj)：作为上一个兄弟节点添加进来
删除节点：常用API
obj.remove()：删除节点
obj.remove(selector)：只删除满足selector的节点
obj.empty()：清空节点
遍历节点：jQuery对应的一些API，方便节点操作
children()/children(selector)：直接子节点
next()/next(selector)：下一个兄弟节点
prev()/prev(selector)：上一个兄弟节点
siblings()/siblings(selector)：所有兄弟
find(selector)：查找满足选择器的所有后代
parent()：父节点
总结：
js和jQuery对节点的操作无非都是增删改查之类，但是jQuery是一个js的框架，它的核心理念：write less，do more；极大的简化代码的书写。它封装了JS，CSS，DOM,提供了一致的、简约的API，所有使用起来更加方便快捷，相应的写法也更加简单。
相关推荐：
