DIV CSS 佈局教程網

2.5 本章總結
編輯:jQuery基礎知識     

在jQuery中,基礎選擇器共有3類:(1)基本選擇器;(2)層次選擇器;(3)屬性選擇器。

一、基本選擇器

所謂的基本選擇器,指的是在jQuery中使用最頻繁的選擇器。在jQuery中,基本選擇器共有:

  • (1)元素選擇器;
  • (2)id選擇器;
  • (3)class選擇器;
  • (4)群組選擇器;
  • (5)*選擇器

二、層次選擇器

層次選擇器,就是通過元素之間的層次關系來獲取元素。常見的層次關系包括:父子、後代、兄弟、相鄰。

在jQuery,層次選擇器共有4種:

jQuery層次選擇器 選擇器 說明 $("M N") 後代選擇器,選擇M元素內部後代N元素(所有N元素) $("M>N") 子代選擇器,選擇M元素內部子代N元素(所有第1級N元素) $("M~N") 兄弟選擇器,選擇M元素後所有的同級N元素 $("M+N") 相鄰選擇器,選擇M元素相鄰的下一個元素(M、N是同級元素)

其實jQuery層次選擇器可以劃分為2組,對比一下:

(1)“後代選擇器”和“子代選擇器”;

(2)“兄弟選擇器”和“相鄰選擇器”;

三、屬性選擇器

屬性選擇器,指的是根據元素屬性進行選擇的一種方式。

jQuery屬性選擇器 選擇器 說明 $("selector[attr]") 選擇包含給定屬性的元素 $("selector[attr='value']") 選擇給定的屬性是某個特定值的元素 $("selector[attr != 'value']") 選擇所有含有指定的屬性,但屬性不等於特定值的元素 $("selector[attr *= 'value']") 選擇給定的屬性是以包含某些值的元素 $("selector[attr ^= 'value']") 選擇給定的屬性是以某些值開始的元素(比較少用) $("selector[attr $= 'value']") 選擇給定的屬性是以某些值結尾的元素(比較少用) $("selector[selector1][selector2]…[selectorN]") 復合屬性選擇器,需要同時滿足多個條件時使用
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved