jquery的addclass()如何用

本篇內(nèi)容介紹了“jquery的addclass()如何用”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)主營安圖網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,app開發(fā)定制,安圖h5成都小程序開發(fā)搭建,安圖網(wǎng)站營銷推廣歡迎安圖等地區(qū)企業(yè)咨詢

在jquery中，addclass()方法用于向被選元素添加一個或多個類，語法為“$(selector).addClass(“類名”)”；如需添加多個類，需要使用空格分隔類名。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

在jquery中，addclass()方法用于向被選元素添加一個或多個類。

該方法不會移除已存在的 class 屬性，僅僅添加一個或多個 class 屬性。

提示：如需添加多個類，請使用空格分隔類名。

語法

$(selector).addClass(class)

也使用函數(shù)向被選元素添加類

$(selector).addClass(function(index,oldclass))

jquery的addclass()如何用

示例：

向第一個 p 元素添加一個類

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p:first").addClass("intro");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: red;
			}
		</style>

	</head>

	<body>
		<h2>這是一個大標題</h2>
		<p>這是一個段落。</p>
		<p>這是另一個段落。</p>
		<button>向第一個 p 元素添加一個類</button>
	</body>

</html>

jquery的addclass()如何用

向元素添加兩個類

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("p:first").addClass("intro note");
				});
			});
		</script>
		<style type="text/css">
			.intro {
				font-size: 120%;
				color: blue;
			}

			.note {
				background-color: yellow;
			}
		</style>

	</head>

	<body>
		<h2>這是一個大標題</h2>
		<p>這是一個段落。</p>
		<p>這是另一個段落。</p>
		<button>向第一個 p 元素添加一個類</button>
	</body>

</html>

jquery的addclass()如何用

“jquery的addclass()如何用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

當前題目：jquery的addclass()如何用
網(wǎng)址分享：http://www.rwnh.cn/article6/gpogog.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設計、網(wǎng)站維護、全網(wǎng)營銷推廣、品牌網(wǎng)站建設、外貿(mào)網(wǎng)站建設、網(wǎng)站收錄

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

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

jquery的addclass()如何用