一、查
JS 查找节点（元素） 属性
1.找父亲
element.parantNode；// 找该元素的父亲
2.找孩子
element.children; // 获取该元素的所有子元素
element.firstElemetChild; // 获取该元素的第一个子元素
element.lastElementChild；// 获取该元素的最后一个元素
element.children[index]; // ★ 获取该元素的指定下标子元素
3.找兄弟
element.previoustElementSibling;//找到该元素的上一个兄弟元素
element.nextElementSibling; // 找到该元素的下一个兄弟元素
// 原生 JS 中， 没有查找元素所有兄弟元素的属性；
JQ查找节点（元素） ==> 筛选选择器（方法）
它们是方法；都支持 传参
1.找父亲
$('element').parent(); // 找到该元素的父亲元素
$('element').parents();// 找到该元素的所有祖先元素
2.找孩子元素
$('element').children(); // 获取该元素的所有子元素，不包括后代元素
$('element').find(); // 获取该元素所有的后代元素；
3.找兄弟
JQ中有查找所有兄弟元素的方法 （.siblings）
$('element').siblings(); // 找到该元素的所有兄弟元素；
$('element').prev(); // 找到该元素的上一个兄弟元素
$('element').prevAll(); // 找该元素的 前面的 所有兄弟元素
$('element').next(); // 找到该元素的 下一个 兄弟元素
$('element').nextAll(); // 找到该元素的 后面的 所有兄弟元素
4.找指定下标的元素
$('elements').eq(index); // 找到jq对象中 指定下标元素 ==> 返回值 jq对象
$('elements').get(index); // 找到jq对象中 指定下标元素 ==> 返回值 DOM对象
二、增
JS中 增加元素
1.创建节点（元素）
documen.createElement('p')；// 在页面上 创建一个 p标签
// 参数： 标签名
innerHTML ;
elememt.innerHTML = '<p></p>';// 在页面上 创建一个 p标签
// 存在 覆盖问题
document.write('<p></p>');// 在页面上 创建一个 p标签
2.设置节点(元素)
p.innerText = 'content'; // 设置 p标签的 内容 （不识别 字符串内部的 标签）
p.innerHTML = 'content'; // 设置 p标签的 内容 （识别 字符串内部的 标签）
3.添加节点（元素）
js中只有添加子元素的方法
father.appendChild(son); // 将子元素 添加到 父元素的 最后的位置 作为最后一个子元素
//+++++++++++++++
father.insetBefore(子元素，参考元素)；// 将子元素 添加到 参考元素 之前的位置
4.克隆元素
element.cloneNode(isDeep);// 将 该元素 克隆 一份
// 参数 布尔值 true 深拷贝；拷贝该元素的所有内容 及节点
// false 浅拷贝； 只拷贝一层
JQ中 增加元素的方法
1.创建节点（元素）
$('html字符串')；// 注意 引号 外单 内双
// eg: var $a = $('<a href="http://www.xiaojunjun.com" target="_blank">个人生活工作网站</a>');
2.设置节点（元素）
$('element').text('content'); // 设置 / 获取 元素的内容 => 不识别 标签
$('element').html('content'); // 设置 / 获取 元素的内容 => 识别 标签
3.添加节点（元素）
（1）添加 子 元素 的方法
// append 系列 ==> 作为 最后一个子元素
A.append(B); // 把 B 添加到 A中， 且作为 A 的 最后一个子元素
B.appendTo(A);// 把 B 添加到 A中， 且作为 A 的 最后一个子元素
// prepend 系列 ==> 作为 第一个子元素
A.prepend(B); // 把 B 添加到 A中， 作为 A的 第一个子元素
B.prepend(A); // 把 B 添加到 A中， 作为 A的 第一个子元素
（2）添加 兄弟 元素 的方法
A.before（B）;// 把 B 添加到 A 的 前面， A B 是兄弟关系
A.after(B); // 把 B 添加到 A 的 后面， A B 是兄弟关系
4.克隆节点(元素)
A.clone(是否克隆元素的事件)；// 这是 深拷贝
// 参数 布尔值
// true : 拷贝元素事件
// false : 不拷贝事件 （默认）
三、替换节点（元素）
JS中的节点（元素）替换
father.replaceChild(new，old)； // 用新元素替换旧子元素
JQ中的节点（元素）替换
A.replaceWith(B); // B 替换 A;
A.repalceAll(B); // A 替换 B;
四、删除节点（元素）
JS中 删除 节点元素的方法
// 删除 节点（元素）的方法
father.removeChild(son); // 删除父元素中的子元素
// 清空 节点 元素的方法
A.innerHTML = ' '; // 删除 A 标签里面的内容及内部标签；
JQ中删除 节点元素的方法
// .remove();删除方法
A.remove（）；// A自身 及其 里面的元素 都被删除了
// .empty(); 清空
A.empty（）；// 把 A 里面的 子元素 删除
