Селектор по началу атрибута

Соответствует всем элементам, у которых значение атрибута attribute начинается с value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Примеры использования:

$('[class ^= pre]')	вернет все элементы с классами, начинающимися с pre (например prevulcanization).
$('[class ^= pre]:not(div)')	вернет все элементы с классами, начинающимися с pre и при этом не являющихся div-элементами.

В действии

Элементы у которых value начинаются с неприличного слова не останутся незамеченными:

~lt~!DOCTYPE html~gt~
~lt~html~gt~
~lt~head~gt~
  ~lt~script src="https://code.jquery.com/jquery-latest.js"~gt~~lt~/script~gt~
  ~lt~style~gt~
    input{
      width: 220px;
      padding: 0 5px;
      margin:20px 5px 0 0;
    }
  ~lt~/style~gt~
~lt~/head~gt~
~lt~body~gt~
  ~lt~input type="text" value="страшно неприличный текст"~gt~~lt~/input~gt~~lt~br~gt~
  ~lt~input type="text" value="херувим - это такой ангел"~gt~~lt~/input~gt~~lt~br~gt~
  ~lt~input type="text" value="страшно неприличный текст 2"~gt~~lt~/input~gt~
~lt~script~gt~
    $('[value ^= "хер"]').after( '~lt~b~gt~ — Прекратите сквернословить!~lt~/b~gt~' );
~lt~/script~gt~
~lt~/body~gt~
~lt~/html~gt~

Ссылки

• Остальные селекторы по атрибутам
• Список всех селекторов
• $( ) — функция jQuery