В чем разница в селекторах jQuery?

Question

Вот список селекторов, которые я видел раньше:

1. $('.menu')
2. $('menu')
3. $('#menu')

Может ли кто-нибудь уточнить, в каком сценарии будет использоваться каждый из них?

Answer 1

1. $('.menu') ... выберите элементы с помощью class='menu'

2. $('menu') ..... выберите <menu /> элементов

3. $('#menu') ... выберите элемент с помощью id='menu'

Answer 2

1-е обнаружение <div class="menu"></div>

2-е обнаружение <menu></menu>

3-е обнаружение <div id="menu"></div>

Обратите внимание, что эти правила применяются и основаны на CSS.

Answer 3

$ ('. Menu'): все элементы с меню класса

$ ('меню'): все элементы меню

$ ('# menu'): элемент с идентификатором menu

Answer 4

Синтаксис селектора jQuery такой же, как и у css.Таким образом, «.menu» выберет все с классом меню, «#menu» выберет объект с идентификатором меню (должен быть только один! «Menu» попытается выбрать элементы типа меню.

Пример;

<div class="foo" id="d1">Div 1</div>
<div class="foo" id="d2">Div 2</div>

<span class="foo" id="s1">Span 1</span>
<span class="foo" id="s2">Span 2</span>

$(".foo").css("background", "red"); //sets the background of all 4 elements to red
$("div").css("background", "blue"); //sets the background of the two divs to blue
$("#s1").css("background", "green"); //sets the background of span 1 to green

Answer 5

Class Selector («.class»)Выбирает все элементы с данным классом.

Выбор элемента («элемент»)Выбирает все элементы с данным именем тега.

Селектор идентификатора («#id»)Выбирает один элемент с заданным атрибутом id.

Ссылка: http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 6

$('.menu') -> <div class="menu"></div> or any other tag with class menu
$('menu')  -> <menu></menu>
$('#menu') -> <div id="menu"></div> or any other tag with id menu

Answer 7

Взято из http://forum.codecall.net/javascript-tutorials/14363-jquery-selectors.html

#id: -> This will match any element with the given ID.

element -> This will match any element supplied.

.class  -> This will match any element with the given class.