溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

addClass怎么用

發(fā)布時間：2022-03-25 10:49:54 來源：億速云 閱讀：175 作者：iii 欄目：web開發(fā)

這篇文章主要介紹了addClass怎么用的相關(guān)知識，內(nèi)容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇addClass怎么用文章都會有所收獲，下面我們一起來看看吧。

　　.addClass( className )

　　描述: 為每個匹配的元素添加指定的樣式類名

　　className

　　類型: String

　　為每個匹配元素所要增加的一個或多個樣式名。

　　.addClass( function(index, currentClass) )

　　function(index, currentClass)

　　類型: Function()

　　這個函數(shù)返回一個或更多用空格隔開的要增加的樣式名。接收index 參數(shù)表示元素在匹配集合中的索引位置和html 參數(shù)表示元素上原來的 HTML 內(nèi)容。在函數(shù)中this指向匹配元素集合中的當(dāng)前元素。

　　值得注意的是這個方法不會替換一個樣式類名。它只是簡單的添加一個樣式類名到元素上。

　　對所有匹配的元素可以一次添加多個用空格隔開的樣式類名, 像這樣：

　　$("p").addClass("myClass yourClass");

　　這個方法通常和.removeClass()一起使用，用來切換元素的樣式, 像這樣：

　　$("p").removeClass("myClass noClass").addClass("yourClass");

　　這里,  myClass 和 noClass 樣式名在所有段落上被移除， 然后 yourClass 被添加。

　　自 jQuery 1.4開始,  .addClass() 方法允許我們通過傳遞一個用來設(shè)置樣式類名的函數(shù)。

　　$("ul li:last").addClass(function(index) {

　　return "item-" + index;

　　});

　　給定一個有2個<li>元素的無序列表，這個例子將在最后一個<li>元素上加上"item-1"樣式。

　　例子:

　　Example: 在匹配的元素上加上'selected'樣式。

　　<!DOCTYPE html>

　　<html>

　　<head>

　　<style>

　　p { margin: 8px; font-size:16px; }

　　.selected { color:blue; }

　　.highlight { background:yellow; }

　　</style>

　　<script src="https://code.jquery.com/jquery-latest.js"></script>

　　</head>

　　<body>

　　<p>Hello</p>

　　<p>and</p>

　　<p>Goodbye</p>

　　<script>

　　$("p").last().addClass("selected");

　　</script>

　　</body>

　　</html>

關(guān)于“addClass怎么用”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“addClass怎么用”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手