屬性選取器，jquery屬性選取器

屬性選取器，jquery屬性選取器

屬性選取器可以根據元素的屬性及屬性值來選擇元素。
在CSS3中，增加了3個屬性選取器，使得屬性選取器有了萬用字元的概念。

• [attr*=val]屬性選取器
  如果元素用attr表示屬性，它的屬性值中包含val指定的字元，則該元素使用這個樣式

  [id*="sh"]{    font-family:"MS Serif","New York",serif;    color:#76ee00;    ...  }

以上程式碼片段表示在HTML5的元素id屬性中，包含”sh”字元的，可以採用此樣式。

• [attr^=val]屬性選取器
  屬性值以val指定的字元開頭，則該元素使用這個樣式。針對上面所述的樣本，屬性選取器可以修改為”[id^=shm]”。

• [attr$=val]屬性選取器

  屬性值以val指定的字元結尾，則該元素使用這個樣式。屬性選取器可修改為”[id$=shm]”。

屬性選取器也稱限定性選取器，根據指定屬性作為限定條件來定義元素樣式。除了上面提到的3種外，還包括屬性匹配、精確屬性匹配、空白分配匹配和連字號匹配4種類型的選取器。