选择DOM元素
=====
> 大概分为查找和过滤, 如果通过id或者唯一的属性查找就可以一步定位到元素,如果不是就要经过过滤
# 查找
```javascript
<div id="main" class='row' data-hahahah='xxxx'>
<div class="col-md-12"> </div>
<a href='#main'> hahaha </a>
</div>
<div class="row">
<div class="col-md-4"> </div>
<div class="col-md-8"> </div>
</div>
<div class="row">
</div>
<div class="row">
</div>
<div class="row">
</div>
```
## 通过id来查找
jquery:
$('#main')
浏览器:
document.querySelector('#main')
document.getElementById('main')
## 通过class来查找
jquery:
$('.row')
浏览器:
document.querySelector('.row')
document.querySelectorAll('.row')
document.getElementsByClassName('row')
## 通过attr查找
id class data-* href ...都是属性
jquery:
$('[id=main]')
$('[href="#main"]')
浏览器:
document.querySelector('[href="#main"]')
document.querySelectorAll('[href="#main"]')
## 通过tag查找
jquery:
$('div')
$('a')
浏览器:
document.querySelector('a')
document.querySelectorAll('div')
document.getElementsByTagName('div')
更多的看 http://www.w3school.com.cn/jquery/jquery_ref_selectors.asp
## 向上查找
- parent()
- parents()
- parentsUntil()
## 向下查找
- children()
- find()
## 同级查找
- siblings()
- next()
- nextAll()
- nextUntil()
- prev()
- prevAll()
- prevUntil()
## 过滤
- first()
- last()
- eq()
- filter()
- not()
