這次帶給大家jQuery類別名稱選擇器（.class）使用方法詳解，jQuery類別名稱選擇器（.class）使用的注意事項有哪些，下面就是實戰案例，一起來看一下。
一、介紹
類別名稱選擇器是透過元素擁有的CSS類別的名稱尋找符合的DOM元素。
在一個頁面中，一個元素可以有多個CSS類，一個CSS類又可以匹配多個元素，如果有元素中有一個匹配的類的名稱就可以被類名選擇器選取到。
類別名稱選擇器很好理解，在大學的時候大部分人一定都選過課，可以把CSS類名理解為課程名稱，元素理解成學生，學生可以選擇多門課程，而一門課程又可以被多名學生所選用。
CSS類別與元素的關係既可以是多對多的關係，也可以是一對多或多對一的關係。簡單地說類別名稱選擇器就是以元素具有的CSS類別名稱尋找符合的元素。
類別名稱選擇器的使用方法如下：
$(".class");其中，class為要查詢元素所用的CSS類別名稱。
例如，要查詢使用CSS類別名為word_orange的元素，可以使用下面的jQuery程式碼：
$("word_orange");二、套用
在頁面中，首先添加兩個
標記，並為其中的一個設定CSS類，然後透過jQuery的類名選擇器選取設定了CSS類的
標記，並設定其CSS樣式。
三、程式碼##
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<p class="myClass">注意观察我的样式</p>
<p>我的样式是默认的</p>
<script type="text/javascript">
$(document).ready(
function()
{
var myClass = $(".myClass"); //选取DOM元素
myClass.css("background-color","#C50210"); //为选取的DOM元素设置背景颜色
myClass.css("color","#FFF"); //为选取的DOM元素设置文字颜色
});
</script>#四、運行效果
五、運行說明
在在上面的程式碼中，只為其中的一個標記設定了CSS類別名稱，但由於程式中並沒有名稱為myClass的CSS類，所以這個類別是沒有任何屬性的。
類別名稱選擇器將會傳回一個名為myClass的jQuery包裝集，利用css()方法可以為對應的p元素設定CSS屬性值，這裡將元素的背景顏色設定為深紅色，文字顏色設定為白色。
以上是jQuery類別名稱選擇器（.class）使用方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
