選擇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()
