jquery可以加css樣式，方法：1、使用css()，用來設定符合的元素的樣式屬性，語法「$(selector).css(屬性名稱,屬性值)」；2、使用attr()，語法“$(selector).attr("style","樣式代碼")”。
本教學操作環境：windows7系統、jquery1.10.2版本、Dell G3電腦。
jquery可以加css樣式，例如可以使用css()方法來新增CSS樣式，或是使用attr()方法透過設定style屬性來新增css行內樣式。
jquery加入css樣式的方法
#1、使用css()
css( ) 方法傳回或設定符合的元素的一個或多個樣式屬性。
設定css樣式的語法
$(selector).css(name,value)
| 參數 | 描述 |
|---|---|
value
可選。規定 CSS 屬性的值。此參數可包含任何 CSS 屬性值，例如 "red"。 如果設定了空字串值，則從元素中刪除指定屬性。
範例：<!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>这是一个段落</p>
<p>这是另一个段落</p>
<button>改变段落的颜色</button>
</body>
</html>
<!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樣式嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
