jQueryCSS部分与对象访问

  
                         

$(function() {

            1.css()方法设置或返回被选元素的一个或多个样式属性。

            (1)获取，获取id为div1的元素的display属性值

            var objCss =$("#div1").css("display");

            console.log(objCss);

            (2)设置，设置id为div1的元素的背景色为红色

           $("#div1").css("background-color", "#e8e8ec");

            (3)设置id为div2的元素的文字大小为22个像素、文字颜色为蓝色、背景色为粉色以及有一条2个像素宽的黄色边框

            $("#div2").css({

                "background-color":"pink",

                "border": "2pxsolid yellow",

                "font-size":"22px",

                "color":"blue"

            });

            2.offset()设置/获取匹配元素在当前视口的相对偏移。

            (1)获取，获取id为div1的元素的相对偏移（位置）

            varobjOffset=$("#div1").offset();

            console.log(objOffset);

            (2)设置，设置id为div2的元素的定位为上边距：80，左边距：200

            $("#div2").offset({ top:80, left: 200 });

            3.position()获取匹配元素相对父元素的偏移。

            (1)获取id为div2的元素里的h1标签的相对父元素的相对偏移

            console.log($("#div2h1").position());

            4.height()  innerHeight() outerHeight()

            (1)height()设置/取得匹配元素当前计算的高度值(px)

            $("#div3 h1").height(100);