Например, когда мы используем $('div span'), как jQuery выполняет такой поиск для нас?
Выполняет ли поиск элемента span сначала или div?
Кажется, что на официальном сайте jQuery нет объяснений по этим вопросам; он просто показывает нам, какие функции доступны через API.
Я хочу знать, как реализуется селектор jQuery для каждого типа, поэтому я могу выбрать лучший селектор для использования.
Вы знаете, где я могу получить такую информацию?
В общем, что вам нужно знать:
:first-child, быстрее, чем селектор jQuery, например :first.Вы также можете прочитать официальную документацию Sizzle, но на самом деле она не обсуждает методы оптимизации.
Сначала он ищет элементы span. Он анализирует селектор как:
В первой части он может использовать метод getElementsByTagName для нахождения всех элементов span, тогда он должен прокрутить предков каждого, чтобы искать элементы div.
Самое простое место для поиска - прямое чтение источника. Загрузите источник uncompresserd с сайта jquery и прочитайте из исходного источника, что он делает и в каком порядке.
Как @Juhana прокомментировал, если вы хотите знать конкретные методы, используемые jQuery для выбора объектов на основе его селекторов, посмотрите на репозиторий github:
https://github.com/jquery/jquery/
В качестве альтернативы посмотрите исходный код, доступный в несжатой загрузке jQuery:
Если вы просто хотите знать, какие разные селекторы доступны для вас, jQuery предоставляет их список здесь:
Они анализируются справа налево.
См. http://csswizardry.com/2011/09/writing-efficient-css-selectors/ и Почему браузеры соответствуют селекторам CSS справа налево?