jQuery CSS 操作函数

我不是女神ヾ 2022-06-06 08:14 167阅读 0赞

## jQuery CSS 操作函数 ##

下面列出的这些方法设置或返回元素的 CSS 相关属性。

<table style="margin:15px 0px 0px; padding:0px; border:1px solid rgb(170,170,170); border-collapse:collapse; width:809px; color:rgb(0,0,0); background-color:rgb(253,252,248)"> 
 <tbody style="margin:0px; padding:0px; border:0px"> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(245,245,245)"> 
 <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(63,63,63); vertical-align:baseline; background-color:rgb(63,63,63); text-align:left; color:rgb(255,255,255)"> CSS 属性</th> 
 <th style="margin:0px; padding:5px 15px 5px 6px; border:1px solid rgb(63,63,63); vertical-align:baseline; background-color:rgb(63,63,63); text-align:left; color:rgb(255,255,255)"> 描述</th> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(255,255,255)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_css.asp" title="jQuery CSS 操作 - css() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">css()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 设置或返回匹配元素的样式属性。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(245,245,245)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_height.asp" title="jQuery CSS 操作 - height() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">height()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 设置或返回匹配元素的高度。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(255,255,255)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_offset.asp" title="jQuery CSS 操作 - offset() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">offset()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 返回第一个匹配元素相对于文档的位置。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(245,245,245)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_offsetparent.asp" title="jQuery CSS 操作 - offsetParent() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">offsetParent()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 返回最近的定位祖先元素。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(255,255,255)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_position.asp" title="jQuery CSS 操作 - position() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">position()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 返回第一个匹配元素相对于父元素的位置。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(245,245,245)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_scrollleft.asp" title="jQuery CSS 操作 - scrollLeft() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">scrollLeft()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 设置或返回匹配元素相对滚动条左侧的偏移。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(255,255,255)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_scrolltop.asp" title="jQuery CSS 操作 - scrollTop() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">scrollTop()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 设置或返回匹配元素相对滚动条顶部的偏移。</td> 
 </tr> 
 <tr style="margin:0px; padding:0px; border:0px; background-color:rgb(245,245,245)"> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> <a href="http://www.w3school.com.cn/jquery/css_width.asp" title="jQuery CSS 操作 - width() 方法" style="margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-style:initial; border-bottom-style:solid; border-left-style:initial; border-top-color:initial; border-right-color:initial; border-bottom-color:rgb(144,11,9); border-left-color:initial; color:rgb(144,11,9); background:transparent" rel="nofollow">width()</a></td> 
 <td style="margin:0px; padding:6px 15px 6px 6px; border:1px solid rgb(170,170,170); vertical-align:text-top"> 设置或返回匹配元素的宽度。</td> 
 </tr> 
 </tbody> 
</table>