当前位置：首页 > 知识库 > 正文

jquery移除css样式属性（jquery制作淘宝常见问题模块）

<!DOCTYPE html>

<html>

<head>

<meta charset=”utf-8″>

<title>21-jquery-css样式操作的方法</title>

<!– <script src=”../static/js/jquery-3.6.0.js”></script>

<script>

$(function(){

})

</script> –>

<script src=”../static/js/jquery-3.6.0.js”></script>

<script>

$(function(){

// 1. 逐个设置，一次只设置一个

// $(“div”).css(“height”, ‘100px’); // 设置div的高度为100

// $(“div”).css(“width”, “100px”); // 设置div的宽度为100

// $(“div”).css(“background”, “red”); // 设置div的背景为红色

jquery移除css样式属性（jquery制作淘宝常见问题模块） 第1张

// 2. 链式设置

// 注意：链式操作如果大于3布建议分开， 因为可读性就变差了

// $(“div”).css(“height”, ‘200px’).css(“width”, “150px”).css(“background”, “blue”); // 把div设置成高200，宽150，蓝色背景

jquery移除css样式属性（jquery制作淘宝常见问题模块） 第2张

// 3.批量设置

$(“div”).css({

width: ‘300px’,

height: ‘250px’,

background: ‘pink’,

});

jquery移除css样式属性（jquery制作淘宝常见问题模块） 第3张

// 4.获取css样式值

let h = $(“div”).css(“height”) // 获取div的高度并赋值给h

$(“div”).text(h) // 把h的值写到div当中

})

jquery移除css样式属性（jquery制作淘宝常见问题模块） 第4张

</script>

</head>

<body>

<div></div>

</body>

</html>

微信号：sansui663（长安复制）

本文由知识库于2021-12-06发表在龙哥云资源网，如有疑问，请联系我们。
本文链接：https://www.longgeyun.com/knowledge/17086.html

上一篇
证件管理系统软件（查询从业资格证网站）

下一篇
大吉达摩怎么获得（黑色御行达摩的寓意）

相关文章

发表评论

最新文章

推荐文章