jquery怎么设置默认显示第一个元素
思路：使用hide()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。
实例演示如下:
1、HTML结构
<div id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</div>
2、jquery代码
$(function(){
$("#test li").hide();
$("#test li").eq(0).show();
});
3、显示效果
js基本选择器与层次选择器
一、JS基本选择器是JQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class 和标签名来查找DOM元素。这个非常重要，下面的内容都是以此为基础，逐级提高的。
1).“$(“#id”)”，获取id指定的元素，id是全局唯一的，所以它只有一个成员。
2).“$(“.class”)”，获取class指定的元素，不同的元素可以具有相同的class属性，所以它可能具有多个成员。
3).“$(“element”)”，获取element（元素名，比如div、table等）指定的元素，它可能具有多个成员。
4).“$(“*”)”，获取所有元素，相当于document。
5).“$(“selector1,selector2,…,selectorN”)”，将每个选择器匹配到的元素合并后一起返回。返回selector1匹配的集合+selector2匹配的集合+…+selectorN匹配的集合。
二、层次选择器
什么是层次？层次就是父子关系、兄弟关系的节点。所以，层次选择器就是用来获取指定元素的父子节点、兄弟节点。
1).“$(“ancestor descendant”)”，获取ancestor元素下边的所有元素。
2).“$(“parent > child”)”，获取parent元素下边的所有子元素（只包含第一层子元素）。
3).“$(“pre + next”)”，获取紧随pre元素的后一个兄弟元素。
4).“$(“pre ~ siblings”)”，获取pre元素后边的所有兄弟元素。
1. 是两种不同的选择器。
2. 基本选择器是指通过元素的标签名、类名、id等基本属性来选择元素，例如通过document.getElementById()来选择指定id的元素。
而层次选择器是指通过元素之间的关系来选择元素，例如通过父子、兄弟、相邻等关系来选择元素，例如通过document.querySelector()来选择符合指定关系的元素。
3. 基本选择器的优点是简单易用，适用于选择单个元素。
而层次选择器的优点是可以根据元素之间的关系选择多个元素，具有更大的灵活性和扩展性。
在实际应用中，可以根据具体需求选择使用基本选择器或层次选择器，或者结合两者来实现更精确的元素选择。