jQuery学習メモ jQueryオブジェクトの操作 CSS処理

jQuery学習メモ jQueryオブジェクトの操作 CSS処理_jquery

WBOY

リリース： 2016-05-16 17:49:47

オリジナル

1263 人が閲覧しました

CSS基本的な属性処理

方法

描述

css(name)

获取元素上CSS规则中name属性值

css(name,value)

css(name,fn(index,value))

css({name1:value1,…,nameN:valueN})

设置元素上CSS规则name属性的值为value，也可使用函数参数，不解释；还可以一次性为同一元素设置多个CSS属性

メソッド

説明

css(名前)

方法	描述
height()	获取元素CSS属性height的值
width()	获取元素CSS属性width的值。这两个方法获取的是元素在页面中的实际高度宽度值，多用于数学运算，比较方便
innerHeight()	获取元素内部区域（包括内边距padding）的实际高度值
innerWidth()	获取元素内部区域的实际宽度值
outerHeight()	获取元素外部区域（包括内边距padding、边框border）的实际高度值
outerWidth()	获取元素外部区域的实际宽度值。若需计入外边距margin，可以传入一个true参数，即outerHeight(true)或outerWidth(true)

要素の CSS ルールの name 属性値を取得します

css(名前,値)

css(名前,fn(インデックス,値))

方法	描述
offset() offset(coord) offset(fn(index,coord))	获取元素在当前视窗的相对偏移，返回一个包含top和left属性的对象。比如$(“p”).offset().top。该方法只对可见元素有效。也可设置偏移值，注意coord也是个对象，比如$(“p”).offset({“top”:40,”left”:15})
position()	获取元素相对最近定位祖先元素的偏移值，同样返回一个包含top和left属性的对象。
scrollTop() scrollTop(value)	获取垂直滚动条相对于该元素最顶端的偏移值
scrollLeft() scrollLeft(value)	获取水平滚动条相对于该元素最左端的偏移值。两方法都可设置值，默认单位px，若value为负值则滚动条移动到最顶端或最左端；若value超出最大值则移动到最底端或最右端

css({name1:value1,…,nameN:valueN})

要素の CSS ルールの name 属性の値を value に設定します。または、説明なしで関数パラメータを使用することもできます。また、同じ要素に複数の CSS 属性を一度に設定することもできます。

CSSサイズ属性処理

メソッド	説明
身長()	要素の CSS 属性の高さの値を取得します
幅()	要素の CSS 属性幅の値を取得します。これら 2 つのメソッドは、ページ上の要素の実際の高さと幅を取得します。これらは主に数学的演算に使用され、より便利です
innerHeight()	要素の内部領域 (パディングを含む) の実際の高さの値を取得します
innerWidth()	要素の内部領域の実際の幅の値を取得します
outerHeight()	要素の外側領域 (パディングとボーダーを含む) の実際の高さの値を取得します
outerWidth()	要素の外側領域の実際の幅の値を取得します。外側のマージンを含める必要がある場合は、true パラメータ、つまり、outerHeight(true) または innerWidth(true)

を渡すことができます。 CSS位置属性処理のように、coord もオブジェクトであることに注意してください。 TR> TR>

メソッド	説明
オフセット() オフセット(座標) offset(fn(index,coord))	現在のウィンドウ内の要素の相対オフセットを取得し、top 属性と left 属性を含むオブジェクトを返します。たとえば、$("p").offset().top です。このメソッドは、表示されている要素に対してのみ機能します。 $("p").offset({"top":40,"left":15})
位置()	最後に配置された祖先要素を基準とした要素のオフセット値を取得し、top 属性と left 属性を含むオブジェクトも返します。
scrollTop() scrollTop(値)	要素の上部を基準とした垂直スクロールバーのオフセット値を取得します
scrollLeft() scrollLeft(値)	要素の左端を基準とした水平スクロールバーのオフセット値を取得します。どちらの方法でも値を設定できます。デフォルトの単位は px です。値が負の場合、スクロールバーは上端または左端に移動します。値が最大値を超える場合、スクロールバーは下端または右端に移動します。