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

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

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

$('div')

Будет искать и возвращать все элементы <div> на странице. Для этого он использует селекторный движок jQuery.

Оптимизация механизма селектора - это большое дело, потому что почти каждая операция, выполняемая с этими фреймворками, основана на каком-то запросе DOM.

Механизм селектора - это библиотека 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');

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

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