2018-01-16

2018-01-16  本文已影响0人  六摄

总以为记性很好,但是在前端面前不得不跪下了,今天加上写点总结,先总结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";

                }

           });

写总结果然是一件很痛苦的事,今天先这。

上一篇 下一篇

猜你喜欢

热点阅读