0.寫在前面
本人只是一個web開發初學者，本系列文章目的在于記錄本人學習jQuery的點滴，以便日后查看以及整理思路和學習方案，如果你覺得對你有用，那你點個贊就OK，如果你覺得實在是垃圾以至于影響到你的心情，那你吐口唾沫走人就行。等等，在你走之前或許會考慮給我點建議的-_- 。
1.使用$（）函數
通過jQuery的各種選擇符合方法取得的結果集合會被包裹在 jQuery對象中，通過jQuery對象實際地操作這些元素會非常簡單，可以輕松的為jQuery對象綁定事件、添加漂亮的效果，也可以將多重修改或效果通過jQuery對象連綴到一起。
為了創建jQuery對象，就要使用$（）函數，這個函數接受css選擇符作為參數，返回包含頁面對應元素的jQuery對象，所有能在樣式表中使用的選擇符都可以傳給這個函數。
一共有三種基本的選擇符：標簽名、ID和類，這些選擇符可以單獨使用，也可以與其他選擇符組合使用，例：
選擇符 CSS jQuery 說明
標簽名 p{} $('p') 取得文檔中所有的段落
ID #some-id $('#some-id') 取得文檔中ID為some-id的一個元素
類 .some-class $('.some-class') 取得文檔中類為some-class的所有元素
2.CSS選擇符
直接上代碼 -_-
<ul id="selected-plays" class="clear-after">
<li>Comedies</li>
<li>Tragedies</li>
<li>Histories</li>
</ul>
效果圖1.png
我們想讓列表項水平顯示而非垂直，也就是下面的效果：
效果圖2.png
實現這樣的效果簡直so easy，我們只要再添加一個.horizontal類給<li>標簽
.horizontal {
float: left;
list-style: none;
margin: 10px;
}
<ul id="selected-plays" class="clear-after">
<li class="horizontal">Comedies</li>
<li class="horizontal">Tragedies</li>
<li class="horizontal">Histories</li>
</ul>
但是我們的目的是通過js代碼向<li>標簽添加樣式，like this：
$(function(){
$('#selected-plays > li').addClass('horizontal');
});
$();其實就是$(document).ready();的簡寫，位于其中的所有代碼會在DOM加載后立即執行，其功能與原生js的window.onload相似，但又有區別于它，具體的區別你可以去百度。
南方以南，以夢為馬 ---by麥多
