0.寫在前面
本人只是一個web開發(fā)初學者姓迅，本系列文章目的在于記錄本人學習jQuery的點滴，以便日后查看以及整理思路和學習方案，如果你覺得對你有用丁存，那你點個贊就OK肩杈，如果你覺得實在是垃圾以至于影響到你的心情，那你吐口唾沫走人就行解寝。等等扩然，在你走之前或許會考慮給我點建議的-_- 。
1.使用$（）函數(shù)
通過jQuery的各種選擇符合方法取得的結(jié)果集合會被包裹在 jQuery對象中聋伦，通過jQuery對象實際地操作這些元素會非常簡單夫偶，可以輕松的為jQuery對象綁定事件、添加漂亮的效果觉增，也可以將多重修改或效果通過jQuery對象連綴到一起兵拢。
為了創(chuàng)建jQuery對象，就要使用$（）函數(shù)逾礁，這個函數(shù)接受css選擇符作為參數(shù)说铃，返回包含頁面對應(yīng)元素的jQuery對象，所有能在樣式表中使用的選擇符都可以傳給這個函數(shù)嘹履。
一共有三種基本的選擇符：標簽名腻扇、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
實現(xiàn)這樣的效果簡直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加載后立即執(zhí)行济锄，其功能與原生js的window.onload相似，但又有區(qū)別于它霍转，具體的區(qū)別你可以去百度荐绝。
南方以南，以夢為馬 ---by麥多
