jQuery 基本选择器

jQuery简介

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

基本选择器

#id选择器 查找以id设定属性的值

 <div id="not">
            <p>id="not"</p>
        </div>
        <div id="not1">
            <p>id="not1"</p>
        </div>　　

　　

$("#not");

　　结果就是找道id名为not的div

<div id="not">
            <p>id="not"</p>
        </div>

element选择器 一个用于搜索的元素。指向 DOM 节点的标签名

<div>aa</div>
<div>bb</div>
<span>cc</span>

　　

$("div");

　　结果就是找到标签名为div的

[ <div>aa</div>, <div>bb</div> ]

class选择器  根据给定的css名匹配元素 一个用以搜索的类。一个元素可以有多个类，只要有一个符合就能被匹配到。

 

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

 

　　

$(".myClass");

　　结果就是匹配 class名为myClass的

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

　　*选择器  匹配所有元素    多用于结合上下文来搜索

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

　　

$("*")

　　结果就是匹配所有元素

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