jQuery基础选择器
基础选择器是jQuery中使用最频繁的选择器,它由元素id、class、多个选择符组成,通过基本选择器可以实现大多数页面元素的查找,如下表格:
选择器 | 功能 | 返回值 |
---|---|---|
#id | 根据给定的id匹配一个元素 | 单个元素 |
element | 根据给定的元素名匹配所有元素 | 元素集合 |
.class | 根据给定的类匹配元素 | 元素集合 |
* | 匹配所有元素 | 元素集合 |
selector1,selectorN | 将每一个选择器匹配到的元素合并后一起返回 | 元素集合 |
示例如下:
(1)描述
所有的元素标记全部显示,然后通过jQuery基础选择器隐藏相对应的页面标记。
(2)代码实现
...省略代码
<script type="text/javascript">
$(function(){ //id匹配元素
$("#divOne").css("display","none");
})
$(function(){ //元素名匹配元素
$("div span").css("display","none");
})
$(function(){ //类匹配元素
$(".clsFrame .clsOne").css("display","none");
})
$(function(){ //匹配所有元素
$("*").css("display","none");
})
$(function(){ //合并匹配元素
$("#divOne,span").css("display","none");
})
</script>
...jQuery控制的代码
<div class="clsFrame">
<div id="divOne">ID</div>
<div class="clsOne">CLASS</div>
<span>SPAN</span>
</div>
把上述jQuery的基础选择器分别在代码框中试试效果