溫馨提示×

溫馨提示×

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

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

jquery可不可以加css樣式

發(fā)布時(shí)間：2022-03-17 09:34:37 來源：億速云 閱讀：228 作者：iii 欄目：web開發(fā)

這篇文章主要講解了“jquery可不可以加css樣式”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“jquery可不可以加css樣式”吧！

jquery可以加css樣式，方法：1、使用css()，用于設(shè)置匹配的元素的樣式屬性，語法“$(selector).css(屬性名,屬性值)”；2、使用attr()，語法“$(selector).attr("style","樣式代碼")”。

jquery可不可以加css樣式

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

jquery可以加css樣式，比如可以使用css()方法來添加CSS樣式。

jquery添加css樣式的方法

1、使用css()

css() 方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性。

設(shè)置css樣式的語法

$(selector).css(name,value)
參數(shù)描述
name必需。規(guī)定 CSS 屬性的名稱。該參數(shù)可包含任何 CSS 屬性，比如 "color"。
value

可選。規(guī)定 CSS 屬性的值。該參數(shù)可包含任何 CSS 屬性值，比如 "red"。

如果設(shè)置了空字符串值，則從元素中刪除指定屬性。

示例：

<!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").css("color", "red");
				});
			});
		</script>
	</head>

	<body>
		<p>這是一個(gè)段落</p>
		<p>這是另一個(gè)段落</p>
		<button>改變段落的顏色</button>
	</body>
</html>

jquery可不可以加css樣式

2、使用attr()

attr() 方法設(shè)置或返回被選元素的屬性值。

當(dāng)使用attr() 方法設(shè)置元素的style屬性，即可給元素添加css樣式。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					// $("div").attr({"style":"border: 5px solid paleturquoise;"});
					$("div").attr("style", "border: 5px solid paleturquoise;width: 200px;");
				});
			});
		</script>
	</head>
	<body>

		<div>hello</div>
		<br>
		<button>給div元素添加css樣式</button>

	</body>
</html>

jquery可不可以加css樣式

感謝各位的閱讀，以上就是“jquery可不可以加css樣式”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對jquery可不可以加css樣式這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！

向AI問一下細(xì)節(jié)

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

AI
助
手