document.getElementById("xxx")是通过元素Id来取得元素，这是获取单一元素的最快途径。
document.getElementsByName("xxx")则可以根据元素Name来取得一系列的元素，因为name不同意，这样需要通过[index]来取得相对应的元素。
其他还有不少，建议查阅一下资料，以上是用得比较多的。
ID的英文原意是身份证，而身份证是具有唯一性的，所以同一个网页内不要存在相同ID的元素，否则只有第一个元素有效。
你可以给它们分别命名不同的ID。你也可以改用Class，即类，而类是允许重名的。
其实可以完全用CSS来实现你的目的，不需要用到JS：
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#abc .text {
height: 50px
width: 200px
background-color: #6F9
border: 1px solid #169
display: none
}
#abc:hover .text {
display: block
}
</style>
</head>
<body>
<input type="checkbox" />
<div id="abc">
<div>自动登<div>
<div class="text">
尽量不要在网吧内选择0</div>
<div class="text">
尽量不要在网吧内选择1</div>
<div class="text">
尽量不要在网吧内选择2</div>
</div>
</body>
</html>
1、利用基本CSS选择器2、利用子选择器、容器选择器和特性选择器
3、通过位置选择
4、利用自定义jQuery选择器
几乎使用任何jQuery方法的时候，我们必须做的第一件事，就是选择将被操作的页面元素。有时，想要选择的元素集合是易于描述的，例如“页面上的所有链接元素”。有时，需要比较复杂的描述，比如“拥有CSS类leftchild的偶数的段落 ”。
