《jQuery基礎教程(第四版)》學習筆記

標籤：

第2章 選擇元素

1. 使用$()函數

　　$()函數其實是建立了一個jQuery對象. 這個函數接受CSS選擇符作為參數,充當一個工廠, 返回包含頁面中對應元素的jQuery對象. 所有能在樣式表中使用的選擇符都可以傳給這個函數, 隨後就可以對匹配的元素集合應用jQuery方法.

　　在jQuery中,貨幣符號$其實就是標示符jQuery的"別名". 

2. 選擇符

1. 基本選擇符    $(‘p‘)          //取得所有標籤為p的元素    $(‘.class‘)     //取得所有類為class的元素    $(‘#id‘)        //取得id為id的元素                    //以及其他css中的選擇符2. 屬性選擇符    $(‘img[alt]‘)   //選擇帶有alt屬性的所有映像元素    //^表示值在字串的開始, $表示值在字串的結尾. *表示要匹配的值可以出現在字串的任意位置, !表示對值取反    $(‘a[href^="mailto:"]‘)     //選擇頁面中所有mailto:連結    $(‘a[href$=".pdf"]‘)        //選擇頁面中所有pdf文檔連結    $(‘a[href^="http"][href*="henry"]‘) //選擇href屬性以http開頭且在任意位置包含henry的元素3. 自訂選擇符    $(‘div.horizontal:eq(1)‘)   //取得集合中的第二個元素    $(‘tr:even‘)                //選擇奇數行. 之所以是奇數行是因為第一行的編號是0    $(‘tr:nth-child(odd)‘)      //選擇奇數行. :nth-child()是jq中唯一從1開始計數的選擇符    $(‘tr:contains(Henry)‘)     //根據上下文內容選擇元素. contains選擇符區分大小寫4. 基於表單的選擇符    $(‘input[type="radio"]:checked‘)    //可以選擇所有選中的選項按鈕    $(‘input[type="text"]:disabled‘)    //選擇禁用的文本輸入欄位

　　更多的基於表單的選擇符

    :input    :button    :enabled    :disabled    :checked:selected

3. DOM遍曆方法

《jQuery基礎教程(第四版)》學習筆記