jquery怎麼為元素設定css樣式
- 青灯夜游原創
- 2021-10-12 16:41:409590瀏覽
設定方法：1、使用css()方法，語法「$(selector).css("屬性名稱", "屬性值")」；2、使用attr()方法，語法「$( selector).attr("style","屬性名稱1:屬性值1;屬性名稱2:屬性值3;...")」。
本教學操作環境：windows7系統、jquery1.7.2版本、Dell G3電腦。
方法1：使用css()方法
css() 方法可以設定符合的元素的一個或多個樣式屬性。語法：
$(selector).css("属性名", "属性值")範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="dome">欢迎来到PHP中文网！</div>
<script type="text/javascript">
$("#dome").css("color", "red");
</script>
</body>
</html>效果圖：
方法2：使用attr()方法
attr() 方法設定或傳回被選元素的屬性值。語法：
$(selector).attr("style","属性名1:属性值1;属性名2:属性值3;...")範例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div id="dome">欢迎来到PHP中文网！</div>
<script type="text/javascript">
$("#dome").attr("style", "color:pink;");
</script>
</body>
</html>效果圖：
相關影片教學推薦：jQuery教學(影片)
以上是jquery怎麼為元素設定css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn