& lt!DOCTYPE html & gt
& lthtml & gt
& lthead & gt
& ltmeta charset = & # 8221utf-8 ″& gt
& lttitle & gt1-jquery-CSS样式操作方法
& lt!–& lt脚本src = & # 8221../static/js/jquery-3 . 6 . 0 . js ”& gt& lt/script >
& lt脚本& gt
$(function(){
})
& lt/script >–& gt
& lt脚本src = & # 8221../static/js/jquery-3 . 6 . 0 . js ”& gt& lt/script >
& lt脚本& gt
$(function(){
// 1.一个一个地设置,一次只能设置一个
// $(“div & # 8221).CSS(“身高”, ‘100像素’);//将div的高度设置为100
// $(“div & # 8221).CSS(“宽度”, “100像素”);//将div的宽度设置为100
// $(“div & # 8221).CSS(“背景”, “红色”);//将div的背景设置为红色
// 2.链条设置
//注意:如果链式操作大于3布,建议分开,因为可读性会变差。
// $(“div & # 8221).CSS(“身高”, ‘200像素’).CSS(“宽度”, “150像素”).CSS(“背景”, “蓝色”);//将div设置为200高,150宽,蓝色背景
// 3.批量设置
$(“div & # 8221).css({
宽度:‘300像素’,
身高:‘250像素’,
背景:‘粉红’,
});
// 4.获取css样式值
设h = $(“div & # 8221).CSS(“身高”)//获取div的高度,赋给h。
$(“div & # 8221).text(h) //将h的值写入div。
})
& lt/script >
& lt/head >
& ltbody & gt
& ltdiv & gt& lt/div >
& lt/body >
& lt/html >
本文来自西狸森溪寒风投稿,不代表舒华文档立场,如若转载,请注明出处:https://www.chinashuhua.cn/24/481271.html