JQuery 中幾個類別選擇器的簡單使用介紹_jquery

複製代碼如下代碼：

標題>


.first_div {
背景顏色：紅色；
}
.second_div {
背景顏色：綠色；
}
.first_span {
寬度：500px;
高度：100px; font-family:Arial;
字體大小：18px;
}
樣式>
頭>

;

這是第一個div

這是第二個div

這是第一個跨度

;
這是eric sun的第一堂課。


>
;
這是 Eric Sun 的課程。


>
>

表格>
身體>


function btn_Click() {
alert($(".first_div" ).text());
alert($(".first_div.first_span").text());
}
腳本>

複製程式碼程式碼如下：

$(".first_div, .first_span")

>將包含有.first_div或者.first_span"的對像都取到。這裡取到4個對象。

這裡的Html對應

複製代碼 程式碼如下：

這是第一個div

這是第一個跨度
🎜>

這是第一個span eric sun 課程

複製代碼 > $(".first_div .first_span")

首先.first_div 為類別的控制項，下面的以.first_span 為類別的物件取空格（類別與類別之間標示為一組層取）。 🎜>代碼如下：

這是第一個跨度

複製程式碼

程式碼如下：



程式碼如下：

")

將包含有.first_span 並且同時包含有.eric_sun_class 類別的物件取到（類別與類別之間沒有空格類似'與' 操作）。這裡只取到 1 個。 對應的className ="first_span eric_sun_class" 此處的Html對應

複製代碼

代碼如下：

這是eric sun的第一堂課。