吉本集の個人ブログ
Web制作の技術について書いています。たまに日記も書きます。

jQuery Style Properties

2013年9月18日 / category : jquery, lab, reference-jquery

.css()
CSSの取得 / 設定
.css( propertyName:string ) return string
.css( propertyName:string, value:string )
.css( propertyName:string, function(index:int, value:string):function )
.css( properties:object )
demo
.height()
高さの取得 / 設定
.height() return number
.height( value:number )
.height( function(index:int, value:number):function )
demo
.width()
幅の取得 / 設定
.width() return number
.width( value:number )
.width( function(index:int, value:number):function )
demo
.innerHeight()
内部高さの取得
.innerHeight() return number demo
.innerWidth()
内部幅の取得
.innerWidth() return number demo
.outerHeight()
外部高さの取得
.outerHeight() return number
.outerHeight( isMargin:boolean ) return number
demo
.outerWidth()
外部幅の取得
.outerWidth() return number
.outerWidth( isMargin:boolean ) return number
demo
.offset()
座標を取得する / 設定する
.offset() return object demo
.offset( object:{top:number,left:number} )
.offset( function(index:int, object:{top:number,left:number}) ) demo
.position()
座標を取得する。
.position() return object
demo
.scrollTop()
縦スクロール量を取得する / 設定する
.scrollTop() return number demo
.scrollTop(value:number) demo
.scrollTop( function( index:int, value:number ) ) demo
.scrollLeft()
横スクロール量を取得する / 設定する
.scrollLeft() return number demo
.scrollLeft(value:number) demo
.scrollLeft( function( index:int, value:number ) ) demo