jQuery获取设置样式

Posted 2023-03-26

参考技术A

css();方法
获取或设置样式

对以下html标签进行样式的获取和设置

css();方法设置参数，参数为要设置的样式名

可用驼峰命名也可用css命名方式。注意样式名需要加\'\'

点击获取按钮，结果：

但是在IE浏览器里，用 console.log($(\'#div1\').css(\'border\')); 可能会不显示或出现undefined。
在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如：
console.log($(\'#div1\').css(\'Border-top-width\'));//2px
获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如：
console.log($(\'div\').css(\'width\'));//200px

css(样式名,样式值);
设置的样式是行内样式

单样式里样式名必须在\'\'里，宽高度单位px可不写，这时300可不加\'\'，如果加px，则必须为\'300px\'

多样式里样式名可不加\'\'。但是 background-color:\'green\' 这样写报错。

给多个div一起设置样式
隐式迭代,把每一个div都设置了同样的样式