セレクターその１８（CSSの属性セレクター[attribute^='value'],[attribute$='value'],[attribute*='value'],[attributeFilter1][attributeFilter2](複合タイプ)　[CSS3]）

jQuery セレクター

属性値を文字列とみなして、「^」は先頭、「$」は末尾、「*」は含むかどうか、複合タイプは全ての条件をandで、
それぞれ判定する。
んで、合致する場合のみ抽出する。

<html>
  <head>
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">google.load("jquery", "1.3.2");</script>
    <script type="text/javascript">
      $(function() {
        //先頭が'f'で始まるものの文字色を赤く。
        $("[title^='f']").css("color","red");
        //末尾が'd'で終わるものの背景色を薄い青に。
        $("[title$='d']").css("background-color","lightblue");
        //途中に'ir'を含むものにアンダーラインを表示。
        $("[title*='ir']").css("text-decoration","underline");
        //先頭が'f'で始まり、末尾が'th'で終わるものの文字を強調する。
        $("[title^='f'][title*='th']").css("font-weight","700");
      })
    </script>
  </head>
  <body>
    <ul id="ul0">
      <li title="first">テキストテキストテキストテキストテキスト</li>
      <li title="second">テキストテキストテキストテキストテキスト</li>
      <li title="third">テキストテキストテキストテキストテキスト</li>
      <li title="fourth">テキストテキストテキストテキストテキスト</li>
    </ul>
  </body>
</html>

文字列としての比較条件をまとめてしまったが、多分この方がわかりやすかろう。
後で見たときに。