1. 首頁 > 生活 > >

jq添加移除css樣式 jquery移除style屬性

小知識



文章插圖
jq添加移除css樣式 jquery移除style屬性

文章插圖
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>21-jquery-css樣式操作的方法</title>
<!– <script src=http://www.mnbkw.com/jxjc/176721/”../static/js/jquery-3.6.0.js”>
<script>
$(function(){
})
</script> –>
<script src=http://www.mnbkw.com/jxjc/176721/”../static/js/jquery-3.6.0.js”>
<script>
$(function(){
// 1. 逐個設置，一次只設置一個
// $(“div”).css(“height”, ‘100px’); // 設置div的高度為100
// $(“div”).css(“width”, “100px”); // 設置div的寬度為100
// $(“div”).css(“background”, “red”); // 設置div的背景為紅色
// 2. 鏈式設置
// 注意：鏈式操作如果大于3布建議分開，因為可讀性就變差了
// $(“div”).css(“height”, ‘200px’).css(“width”, “150px”).css(“background”, “blue”); // 把div設置成高200，寬150，藍色背景
// 3.批量設置
$(“div”).css({
width: ‘300px’,
height: ‘250px’,
background: ‘pink’,
});
// 4.獲取css樣式值
let h = $(“div”).css(“height”) // 獲取div的高度并賦值給h
$(“div”).text(h) // 把h的值寫到div當中
})
</script>
</head>
<body>
<div></div>
</body>
【jq添加移除css樣式 jquery移除style屬性】</html>