美文网首页
2018-01-16

2018-01-16

作者: 六摄 | 来源:发表于2018-01-16 22:31 被阅读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";

                    }

               });

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

    相关文章

      网友评论

          本文标题:2018-01-16

          本文链接:https://www.haomeiwen.com/subject/szieoxtx.html