# Javascript

## jQuery

## 清空 empty

### addClass、removeClass、toggle

[樂透](https://jsbin.com/fudofuhihu/1/edit?html,output)
#### 改子元素
用find

$(this).find('.title').toggleClass('active');

### trigger

$(.b).on('click',function(){
	$(.a).triggler('click');
});

### data
- 存取

$('.home').data('show')

- 指定

$('.home').data('show','home')

### 屬性 attr
- 存取

$('a').attr('href')

- 指定(原本的值會洗掉)

$('a').attr('href','http://google.com')

可參考: [jsbin](http://jsbin.com/cedivixeko/edit?js,console,output)
### 防止事件上向傳遞

event.stopPropagation();

### animate

$('.box').animate({'width':'50px'},1000);

可參考: [jsbin](http://jsbin.com/voqoqepawi/edit?html,css,js,output)
[我是貓咪](https://jsbin.com/nonijonoja/edit?html,js,output)
[展開](http://jsbin.com/caquloqoto/edit?html,css,js,output)

### .show() & .hide()

[我是貓咪](https://jsbin.com/fahocoruda/1/edit?html,css,js,output)

### .fadeIn() & .fadeOut()

[我是貓咪](https://jsbin.com/pireluhuwa/1/edit?html,css,js,output)

### .slideDown() & .slideUp() & .slideToggle()
[slide選單](http://jsbin.com/xoraromizo/edit?html,js,output)

### .setTimeout

## Ajax
### push-state
- .ajax()
- .get(url, function)
[熊熊成績單](http://jsbin.com/vozipukozu/1/edit?js,output)
- .post()

### 轉啊轉 等ajax
- loading.io
- [範例](http://jsbin.com/yeyoboruno/1/edit?html,css,js,output)

### 套件
- Bootstrap
- Query cycle plugin
- validate

### 讀取
on(load,function(){})