2.1 jq的入口函數(shù)的寫法
寫法1：
$(document).ready(function(){
// 這里面開始寫相應(yīng)的 jQuery 代碼...
});
寫法2：
$(function(){
// 這里面開始寫相應(yīng)的jQuery 代碼...
});
我一般使用寫法2运褪，兩種寫法都是為了防止文檔在完全加載或者就緒之前運(yùn)行jQuery代碼，比如說文檔尚未完全加載之前就運(yùn)行函數(shù)狰右，操作就會失斀芪妗；
舉個栗子：
- 試圖隱藏一個不存在的元素
- 獲得未完全加載的圖像的大小
也就是說棋蚌，如果瀏覽器還沒有加載完html頁面的所有節(jié)點嫁佳，就觸發(fā)了jQuery代碼中的一些操作挨队，它是獲取不到相應(yīng)的節(jié)點的，也就不能對該節(jié)點進(jìn)行其他操作的蒿往；
2.2 jQuery的語法
- jQuery 使用的語法是 XPath 與 CSS 選擇器語法的組合盛垦。
- 換言之，jQuery 語法是通過選取 HTML 元素瓤漏，并對選取的元素執(zhí)行某些操作腾夯。
- $(selector).action()
通過 jQuery，可以選仁叱洹（查詢蝶俱，query） HTML 元素，并對它們執(zhí)行"操作"（actions）饥漫；
- 美元符號定義 jQuery
一提到$,我腦子里立馬就想到了jQuery榨呆，說白了$相當(dāng)于jQuery封裝的一個選擇器；
- 選擇符（selector）"查詢"和"查找" HTML 元素;
- jQuery 的 action() 執(zhí)行對元素的操作
2.3 jq的選擇器
- 1庸队、jQuery 選擇器基于元素的 id积蜻、類、類型彻消、屬性竿拆、屬性值等"查找"（或選擇）HTML 元素。
- 2宾尚、它基于已經(jīng)存在的 CSS 選擇器如输，除此之外，它還有一些自定義的選擇器央勒。
- 3不见、jQuery 中所有選擇器都以美元符號開頭：$()
元素選擇器
- $("elementName")
- 例： $("span")----->獲取頁面所有的span元素；
ID選擇器
- $("#idName")
- 例： $("#box")----->獲取頁面中id="box"的元素崔步，id為唯一稳吮；
類選擇器
- $(".className")
- 例： $(".topBar")----->獲取頁面中所有class="topBar"的元素；
更多實例:
| 語法 | 作用描述 |
|---|---|
| $("*") | 選取所有元素 |
| $(this) | 選取當(dāng)前 HTML 元素 |
| $("p.intro") | 選取 class 為 intro 的 <p> 元素 |
| $("p:first") | 選取第一個 <p> 元素 |
| $("ul li:first") | 選取第一個 <ul> 元素的第一個 <li> 元素 |
| $("ul li:first-child") | 選取每個 <ul> 元素的第一個 <li> 元素 |
| $("[href]") | 選取帶有 href 屬性的元素 |
| $("a[target='_blank']") | 選取所有 target 屬性值等于 "_blank" 的 <a> 元素 |
| $("a[target!='_blank']") | 選取所有 target 屬性值不等于 "_blank" 的 <a> 元素 |
| $(":button") | 選取所有 type="button" 的 <input> 元素 和 <button> 元素 |
| $("tr:even") | 選取偶數(shù)位置的 <tr> 元素 |
| $("tr:odd") | 選取奇數(shù)位置的 <tr> 元素 |
