🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便！ 广告
## 获取指定class属性的内容 ```html <html> <head> <title>我是标题</title> </head> <body> <div class="test1">测试文本1</div> <div class="test2">测试文本2</div> <div id="test3">测试文本3</div> </body> </html> ``` 上面是个简单的class示例，我们现在要获取三个测试文本，按照我们在上一小节学习的方法可以用数组的方式来获取 ```javascript $('div').eq(0).text() $('div').eq(1).text() $('div').eq(2).text() ``` 那么有没有更加简单的办法呢？可以方便的指定获取某个测试文本，因为这个顺序不一定是固定的，所以通过位置取出来的值可能是错的，答案是有的，使用class/id类型的选择器 ```javascript //获取test1的文本内容 $('div.test1').text() //获取test2的文本内容 $('div.test2').text() //获取test3的文本内容 $('div#test3').text() ``` 由于test1,test2和test3在其他标签中没有重复，所以我们也可以这么写 ```javascript //获取test1的文本内容 $('.test1').text() //获取test2的文本内容 $('.test2').text() //获取test3的文本内容 $('#test3').text() ``` 如果在上面的`body`标签中再加入下面这行 ```html <ul class="test1">测试文本3</ul> ``` 那么就不能省略前面的标签名字了，因为属性class为test1的标签有两个<br> **通过上面的示例我们发现属性class的选择器和属性id的选择器的区别就是一个是符号`.`一个是符号`#`**