JQuery基本选择器

1：基本选择器
1.1：id选择器
概念：根据给定的ID匹配一个元素。使用任何的元字符作为名称的文本部分， 它必须被两个反斜杠转义：\。 参见示例。

用于搜索的，通过元素的 id 属性中给定的值

实例：
HTML代码：

<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>

JQuery代码：
查找 ID 为"myDiv"的元素。

$("#myDiv");

结果：

[ <div id="myDiv">id="myDiv"</div> ]

1.2：element选择器（类选择器）：
概念：根据给定的元素标签名匹配所有元素
一个用于搜索的元素。指向 DOM 节点的标签名。
HTML代码：

<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>

JQuery代码：

$("div");

结果：

[ <div>DIV1</div>, <div>DIV2</div> ]

1.3：class选择器：
概念：根据给定的css类名匹配元素。
HTML代码：

<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>

JQuery代码：

$(".myClass");

结果：

[ <div class="myClass">div class="myClass"</div>,
 <span class="myClass">span class="myClass"</span> ]

1.4：*选择器
概念：匹配所有元素多用于结合上下文来搜索。（用于全部标签）
HTML代码：

<div>DIV</div>
<span>SPAN</span>
<p>P</p>

JQuery代码：

$("*")

结果：

[ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]

1.5：selector1,selector2,selectorN选择器
概念：将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器，并将匹配到的元素合并到一个结果内。
HTML代码：

<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>

jQuery代码：

$("div,span,p.myClass")

结果：

[ <div>div</div>, 
<p class="myClass">p class="myClass"</p>, 
<span>span</span> ]