## 獲取指定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的選擇器的區別就是一個是符號`.`一個是符號`#`**
- 序言
- 第一章 基礎
- 1.1 Html基礎
- 1.2 CSS選擇器
- 1.2.1 標簽選擇器
- 1.2.2 class/id選擇器
- 1.2.3 屬性選擇器
- 1.3 JavaScript基礎
- 1.4 json基礎
- 第二章 中級
- 2.1 插件結構總覽
- 2.2 meta頭部節點講解
- 2.3 main主體節點講解
- 2.4 script腳本節點講解
- 2.5 插件的安裝調試與發布
- 第三章 高級
- 3.1 插件高級特性
- 3.2 常見內容保護突破方法
- 3.3 開發文檔所沒說的事
- 3.4 電腦js腳本測試插件
- 3.5 加login節點教程
- 3.6 使用yeoman生成器
- 3.7 自動化發布插件
- 第四章 附錄
- 4.1 markdown基本用法