总以为记性很好,但是在前端面前不得不跪下了,今天加上写点总结,先总结jquery中的设置样式css的方法。该方法保留了css样式的写法,允许短横线的存在。
1、利用该方法获取样式,只写一个参数: $("li").css("font-size"); ---获取第一个li的font-size属性,这里留意下并不是获取所有的li的font-size属性值;
2、设置单个样式:写满两个参数:$("li").css("background-color","red"); --将所有的li的背景色设为红色,这里是设置所有的li,但是该写法只能设置单个样式;
3、设置多个样式:参数是json格式:
$("li").css({
"background-color": "red",
"font-size": "20px",
"color": "white"
});
4、利用回调函数可过滤设置:
$("li").css("font-size", function (index,value) {
// index: 指定当前元素的索引号
// value: 表示当前元素要设置的样式的值
if(index === 2) {
// return value*10; //只能用return返回设置
return "50px";
}
});
写总结果然是一件很痛苦的事,今天先这。