请选择时期:
怀孕准备 怀孕 分娩 宝宝0-1岁 宝宝1-3岁 宝宝3-6岁

jquery制作淘宝常见问题模块 jquery淘宝精品展示案例

来源: 最后更新:24-01-21 09:08:56

导读:21-jquery-css样式操作的方法

<!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的背景为红色

// 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>

</html>

ps:【项目】淘宝项目邀请用户即可获取收益

ps:【活动】支付宝大额红包点击扫码领取

ps:【本站主题】自适应资讯类的网站主题

标签: [db:关键词]  

免责声明:本文系转载,版权归原作者所有;旨在传递信息,其原创性以及文中陈述文字和内容未经本站证实。

本文地址:http://www.zuomama.com/news/jiaodian/538800.html

关于我们 | 广告服务 | 网站合作 | 免责声明 | 联系我们| 网站地图

© 2006-2022 做妈妈育儿网 all rights reserved. 浙ICP备2022035435号-3

声明: 本站文章均来自互联网,不代表本站观点 如有异议 请与本站联系 联系邮箱:kf#zuomama.com (请把#替换成@)