ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery学習メモ jQueryオブジェクトの操作 CSS処理_jquery

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

WBOY
WBOYオリジナル
2016-05-16 17:49:471255ブラウズ

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 です。値が負の場合、スクロール バーは上端または左端に移動します。値が最大値を超える場合、スクロール バーは下端または右端に移動します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。