總以為記性很好,但是在前端面前不得不跪下了,今天加上寫點總結,先總結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";
? ? ? ? ? ? ? ? }
????????? ?});
寫總結果然是一件很痛苦的事,今天先這。