Что такое селекторный двигатель?

Механизм выбора используется для запроса в DOM страницы определенных элементов на основе какого-либо запроса (обычно синтаксиса CSS или аналогичного).

Например, этот jQuery:

$('div')

Будет искать и возвращать все

Кроме того, Sizzle - это движок, над которым сейчас работает Джон Ресиг, чтобы заменить и без того фантастический селекторный движок jQuery.

Механизм выбора - это библиотека JavaScript, которая позволяет вам выбирать элементы в дереве DOM, используя какую-то строку для их идентификации (подумайте о регулярных выражениях для элементов DOM). Большинство механизмов выбора используют некоторые вариации синтаксиса селекторов CSS3, поэтому, например, вы можете написать что-то вроде:

var paragraphs = selectorengine.select('p.firstParagraph')

для выбора всех элементов P в документе с помощью класса firstParagraph.

Некоторые механизмы выбора также поддерживают частичную реализацию XPath и даже некоторые настраиваемые синтаксисы. Например, jQuery позволяет писать:

var checkedBoxes = jQuery('form#login input:checked')

Установить все отмеченные флажки в форме входа в документ.

Механизм выбора - это способ перемещаться по DOM в поисках определенного элемента.

Пример встроенного селекторного движка:

var foo = document.getElementById('foo');

Механизм выбора используется для поиска элементов в документе так же, как это делают таблицы стилей CSS. В настоящее время только Safari имеет встроенную функцию querySelectorAll, которая делает именно это. В другом браузере вы должны вместо этого использовать внешние реализации JavaScript как LlamaLab Selector или Sizzle.