Адресация DOM с помощью jquery

Question

Я не знаю, как это называется, но может ли кто-нибудь направить меня к учебнику или к чему-то, что поможет мне понять, как обращаться с элементами HTML DOM в jquery ??

Например, я хочу знатьразница между $('#someid div') или $('#someid > div').

Answer 1

Это, вероятно, лучшая ссылка из самой документации jQuery: http://api.jquery.com/category/selectors/

Answer 2

jQuery использует селекторы CSS для адресации элементов HTML. Прочитайте документацию jQuery по его селекторам (api.jquery.com/category/selectors), чтобы узнать подробности.

Разница между упомянутыми вами селекторами следующая:

• #someid div возвращает вам все div элементы, расположенные внутри элемента с ID = someid,
• #someid > div возвращает вам все div элементы, расположенные внутри элемента с ID = someid, но не заключенные в разные элементы, расположенные в элементе с ID = someid - это означает, что элементы div должны быть «потомки», а не просто «потомки» элемента с указанным идентификатором,

Итак, второй селектор более специфичен и , первый шире .

Подробнее о "дочернем селекторе" есть в документации .

Answer 3

Селекторы основаны на CSS-селекторах, поэтому вы должны получить представление о том, как они работают, прежде чем начать их использовать.

$ ('# someid div') выберет первый div внутри someid, который является прямымchild, внук и т. д. *

или $ ('# someid> div') выберет только первый дочерний элемент div в контейнере #someid.