JQuery 知识点总结——基本选择器

JQuery 知识点总结之基本选择器    2020-10-09

　　(1)#id ——根据给定的ID匹配一个元素。

 

HTML 代码:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>

jQuery 代码:
$("#myDiv");

描述:
查找含有特殊字符的元素

HTML 代码:
<span id="foo:bar"></span>
<span id="foo[bar]"></span>
<span id="foo.bar"></span>
jQuery 代码:
#foo\\[bar\\]
结果:
[ <span id="foo[bar]"></span>]

　　（2）element 根据给定的元素标签名匹配所有的元素

HTML 代码:
<div>DIV1</div>
<div>DIV2</div>
<span>SPAN</span>
jQuery 代码:
$("div");
结果:
[ <div>DIV1</div>, <div>DIV2</div> ]

　　（3）.class 根据给定的css类名匹配元素。

描述:
查找所有类是 "myClass" 的元素.

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> ]

　　(4)  * 匹配所有元素 多用于结合上下文来搜索。

描述:
找到每一个元素

HTML 代码:
<div>DIV</div>
<span>SPAN</span>
<p>P</p>
jQuery 代码:
$("*")
结果:
[ <div>DIV</div>, <span>SPAN</span>, <p>P</p> ]