网站首页
手机版

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

更新时间:2024-01-21 09:06:09作者:未知

jquery制作淘宝常见问题模块(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的背景为红色

// 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:关键词]  

为您推荐

NBA首次父子同台终上演,布朗尼与詹姆斯季前赛合砍19分

NBA首次父子同台终上演,布朗尼与詹姆斯季前赛合砍19分,湖人,布朗尼,nba,NBA,勒布朗詹姆斯,勒布朗·詹姆斯,布雷克·格里芬

2024-10-07 14:41

41岁俄罗斯男子模仿小李子走红,却在发福后失业,已自愿去了前线

41岁俄罗斯男子模仿小李子走红,却在发福后失业,已自愿去了前线,罗曼,采夫,俄罗斯,莫斯科,好莱坞,小李子,迪卡普里奥

2024-10-07 14:40

男子花20万买二手小米SU7,回家后遭原车主远程锁车

男子花20万买二手小米SU7,回家后遭原车主远程锁车,小莉,过户,约定,弓先生,购车合同,小米su7

2024-10-07 14:40

杜特尔特否认参选:我都这把年纪了,要我死?

杜特尔特否认参选:我都这把年纪了,要我死?,杜特尔特,参议院,副总统,总统

2024-10-07 14:40

卡德罗夫发帖为普京送生日祝福:深切感激俄总统帮助实现车臣和平与稳定

卡德罗夫发帖为普京送生日祝福:深切感激俄总统帮助实现车臣和平与稳定,车臣,俄罗斯,俄总统,弗拉基米尔·普京,拉姆赞·卡德罗夫

2024-10-07 13:45

外媒爆:伊朗伊斯兰革命卫队“圣城旅”指挥官加尼在黎巴嫩失联

外媒爆:伊朗伊斯兰革命卫队“圣城旅”指挥官加尼在黎巴嫩失联,指挥官,圣城旅,纳斯鲁拉,伊朗伊斯兰,黎巴嫩真主党,伊斯兰革命卫队,阿什拉夫·加尼

2024-10-07 13:45