返回指定的 CSS 属性的值语法:css("propertyname");
设置指定的 CSS 属性的值语法:css("propertyname","value");
设置多个 CSS 属性的语法:css({"propertyname":"value","propertyname":"value",...});
<script> $(document).ready(function(){ $("button").click(function(){ <!--为所有匹配元素设置 background-color和 font-size--> $("p").css({"background-color":"yellow","font-size":"200%"}); <!--返回首个匹配元素的 background-color 值--> alert("Background color = " + $("p").css("background-color")); }); }); </script> </head> <body> <h2>这是标题</h2> <p style="background-color:#ff0000">这是段落1。</p> <p style="background-color:#00ff00">这是段落2。</p> <p style="background-color:#0000ff">这是段落3。</p> <p>这是段落4。</p> <button>按钮请点我!</button> </body>
另外jQuery 还有一系列的CSS 操作函数,还有:
height() 设置或返回匹配元素的高度。
width() 设置或返回匹配元素的宽度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移。