資訊專欄INFORMATION COLUMN
摘要：為了更方便對元素操作，提供了完整的選擇符體系，可以分為選擇符屬性選擇符以及自定選擇符。選擇符幾乎支持到規范中的所有選擇符。介紹個比較有用的自定義選擇符選擇符。
為了更方便對 DOM 元素操作，jQuery 提供了完整的選擇符體系，可以分為 CSS 選擇符、屬性選擇符以及自定選擇符。
CSS 選擇符jQuery 幾乎支持 CSS1 到 CSS3 規范中的所有選擇符。舉例如下：
為了給 id 為 myUl 的 ul 元素下直接 li 元素添加樣式，我們可以這樣寫：
$(document).ready(function() {
$("#myUl > li").addClass("xxx");
});
當在 jQuery 中使用 $(document).ready(function() {}) 時，位于其中的所有代碼都會在 DOM 加載后立即執行。我們也可以簡寫為：$(function() {})。
對于 CSS 選擇符的內容，可以參考這個手冊 - 《CSS 選擇器參考手冊》
屬性選擇符屬性選擇符是 jQuery 中很有用的一類選擇符，即通過 DOM 元素的屬性來選擇特定的元素。例如 a 標簽的 href 屬性。
Segmentfault Baidu
對于上例兩個 a 標簽，我們希望選擇 segmentfault 進行操作，而不是 baidu，那么我們可以通過屬性選擇符來操作：
$("a[)
為了簡化操作，屬性選擇符還從正則里面借鑒了一些語法過來：
^ 表示值在字符串的開始
$ 表示值在字符串的結尾
* 表示要匹配的值可以出現在字符串中的任意位置
! 表示對值取反
那么上述的屬性選擇符的操作我們就可以簡化為：
$("a[href*="segmentfault"]")
同樣可以取得鏈接為 segmentfault 的 a 標簽。
自定義選擇符除了上述的選擇符外，jQuery 還添加了獨有的自定義選擇符，在介紹自定義選擇符前，需要說明一點：
與原生的 DOM 選擇符相比，自定義選擇符在性能方面是表現較差的，因此如果能使用原生的方法，盡量不要頻繁使用自定義選擇符，從而保證性能。
自定義選擇符的使用有點像 CSS 中的偽類，即先使用一個冒號 （:），然后再寫詳細的內容。同樣舉例說明：
此時，我們希望取得內容為 A 的 li 元素，我們可以這樣操作：
$("li:eq(0)")
由于 Javascript 的數組是從0開始計數，所以第一個元素用0取。
介紹個比較有用的自定義選擇符 - contain 選擇符。
依然是上例，現在我們希望取得內容中含有 C 的元素，可以這樣寫：
$("li:contains(C)")
參考
http://book.douban.com/subject/24669823/
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78148.html
摘要：最強大的特性之一就是簡化了對元素的操作。從圖中，我們可以看出元素中父元素子元素之間的關系。被封裝到對象中的元素會被自動地，隱式地循環遍歷。訪問從上可知，返回的是對象，但是我們有時也希望直接對元素進行操作。 DOM - Document Object Model，即文檔對象模型，它通過對象樹來展示 HTML 代碼。jQuery 最強大的特性之一就是簡化了對 DOM 元素的操作。 DOM...
摘要：此時，點擊新建的將會觸發。設置元素內容的方法則使用上述兩種方法，將新內容作為參數傳遞即可，例如修改上例中的文本內容方法同理。 我們知道通過 $() 函數可以訪問文檔中的元素，并返回一個 jQuery 對象，并且通過一系列方法，我們可以修改元素的樣式和內容，實際上，我們還可以通過該函數做更多的事情，例如添加、刪除、復制等操作來改變 DOM 樹的結構。 創建元素 我們可以通過 $() ...
摘要：我們可以利用可以對用戶發起的事件進行處理，這里以樣式轉換為例來說明。其他類似的操作事件都可以通過這個方法，將處理事件的程序綁定到同名事件上面。 我們可以利用 jQuery 可以對用戶發起的事件進行處理，這里以樣式轉換為例來說明。 增添樣式 基于用戶的事件，對特定的 DOM 元素樣式進行轉換是 jQuery 處理事件中比較常見的情形，舉例說明，當用戶點擊輸入框后，會增添 highli...
摘要：前一篇介紹可以通過添加全局函數來開發插件，實際上全局函數就是對對象進行擴展，而添加實例方法就是對對象進行擴展，我們可以使用別名。添加實例方法此時頁面內只有一個元素，添加新增的實例方法進入頁面后實例方法添加成功。 前一篇介紹可以通過添加全局函數來開發 jQuery 插件，實際上全局函數就是對 jQuery 對象進行擴展，而添加實例方法就是對 jQuery.prototype 對象進行擴展...
摘要：創建一個有背景色的添加方法如下當頁面載入后，會逐漸消失，動畫效果如同直接使用方法。動畫并發效果當對多個元素應用動畫效果時，這些效果是同時發生的，即并發的。 除了使用 jQuery 內置的 hide,show,toggle 等方法來展現效果，還可以使用更為強大的 animate 方法來展現動畫效果。 創建一個有背景色的 div： div { width: 100px; hei...
閱讀 1762·2021-10-12 10:12
閱讀 2530·2021-09-29 09:42
閱讀 2711·2021-09-03 10:28
閱讀 2249·2019-08-30 15:54
閱讀 1153·2019-08-30 15:53
閱讀 1388·2019-08-30 11:26
閱讀 3357·2019-08-30 11:02
閱讀 2134·2019-08-30 11:02
