我们知道 在原生JS 里.. 选择器有 :
1 document.getElementById(id名称) 按照id来选择节点
2.document.getElementsByName(name名称)
3.document.getElementsByTagName(元素名称)
4.document.getElementsByClassName(类名称)
5.document.querySelector(css选择器)
6.dcument.querySelectorAll(css选择器)
第二部分
原生JS 获取父元素:
parentNode 和 parentElement : 功能一样. 只是 parentNode 符合W3C标准... 通用性更好...一般只用parentNode 就行了.
| 选择器功能 | 原生JS | JQuery |
|---|---|---|
选中父元素 |
.parentNode它的通用性比parentElement强.功能一样
|
.parent([selector]) parents([selector])匹配祖先元素
|
选中子元素 |
.children返回子元素集合的伪数组 childNodes还会选中空格
|
.children([selector])find([selector]查找符合选择器的后代元素)
|
选中前兄弟元素 |
.previousElementSibling.previousSibling会算上空格
|
.prev([selector])prevAll([selector])获取元素前面的所有同辈元素
|
选中后兄弟元素 |
.nextElementSibling.nextElementSibling会算上空格
|
.next([selector]).nextAll([selector])获取元素后面的所有同辈元素
|
