本文實(shí)例講述了jQuery中的類名選擇器（.class）用法。分享給大家供大家參考，具體如下：

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、湘橋ssl等。為上1000家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的湘橋網(wǎng)站制作公司

一、介紹

類名選擇器是通過元素?fù)碛械腃SS類的名稱查找匹配的DOM元素。

在一個(gè)頁面中，一個(gè)元素可以有多個(gè)CSS類，一個(gè)CSS類又可以匹配多個(gè)元素，如果有元素中有一個(gè)匹配的類的名稱就可以被類名選擇器選取到。

類名選擇器很好理解，在大學(xué)的時(shí)候大部分人一定都選過課，可以把CSS類名理解為課程名稱，元素理解成學(xué)生，學(xué)生可以選擇多門課程，而一門課程又可以被多名學(xué)生所選擇。

CSS類與元素的關(guān)系既可以是多對多的關(guān)系，也可以是一對多或多對一的關(guān)系。簡單地說類名選擇器就是以元素具有的CSS類名稱查找匹配的元素。

類名選擇器的使用方法如下：

$(".class");

其中，class為要查詢元素所用的CSS類名。

例如，要查詢使用CSS類名為word_orange的元素，可以使用下面的jQuery代碼：

$("word_orange");

二、應(yīng)用

在頁面中，首先添加兩個(gè)<div>標(biāo)記，并為其中的一個(gè)設(shè)置CSS類，然后通過jQuery的類名選擇器選取設(shè)置了CSS類的<div>標(biāo)記，并設(shè)置其CSS樣式。

三、代碼

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<div class="myClass">注意觀察我的樣式</div>
<div>我的樣式是默認(rèn)的</div>
<script type="text/javascript">
$(document).ready(
function()
{
  var myClass = $(".myClass");   //選取DOM元素
  myClass.css("background-color","#C50210");  //為選取的DOM元素設(shè)置背景顏色
  myClass.css("color","#FFF");  //為選取的DOM元素設(shè)置文字顏色
});
</script>

四、運(yùn)行效果

五、運(yùn)行說明

在上面的代碼中，只為其中的一個(gè)<div>標(biāo)記設(shè)置了CSS類名稱，但是由于程序中并沒有名稱為myClass的CSS類，所以這個(gè)類是沒有任何屬性的。

類名選擇器將返回一個(gè)名為myClass的jQuery包裝集，利用css()方法可以為對應(yīng)的div元素設(shè)定CSS屬性值，這里將元素的背景顏色設(shè)置為深紅色，文字顏色設(shè)置為白色。

類名選擇器也可能會獲取一組jQuery包裝集，因?yàn)槎鄠€(gè)元素可以擁有同一個(gè)CSS樣式。

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。

本文題目：jQuery中的類名選擇器（.class）用法簡單示例
文章鏈接：http://aaarwkj.com/article40/gdgsho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、面包屑導(dǎo)航、全網(wǎng)營銷推廣、網(wǎng)站維護(hù)、微信小程序、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)