Question

以下是我之前见过的选择器列表：

$('.menu')
$('menu')
$('#menu')

有人可以澄清每种方案的用途吗？

Answer 1

$('.menu') ...选择class='menu'
$('menu') .....选择<menu />元素
$('#menu') ...选择包含id='menu'

Answer 2

第一次找到<div class="menu"></div>

第二次找到<menu></menu>

第三次找到<div id="menu"></div>

请注意，这些规则适用并基于CSS。

Answer 3

$（'。menu'）：所有带有类菜单的元素

$（'menu'）：所有菜单元素

$（'＃menu'）：id为menu

的元素

Answer 4

$('.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 5

类选择器（“.class”）
选择具有给定类的所有元素。

元素选择器（“元素”）
选择具有给定标记名称的所有元素。

ID选择器（“＃id”）
选择具有给定id属性的单个元素。

的参考： http://api.jquery.com/category/selectors/basic-css-selectors/

Answer 6

jQuery选择器语法与css相同。因此“.menu”将使用一类菜单选择所有内容，“＃menu”将选择具有id菜单的对象（应该只有一个！“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 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.

jQuery选择器有什么区别？

7 个答案: