jqueryスタイルの操作とは何ですか?

jquery スタイル操作: 1. css() を使用して、一致する要素のスタイル属性を設定または返します。 2. height() を使用して、一致する要素の高さを設定または返します。 3. offset( ) 最初に一致した要素を返します。ドキュメントに対する相対的な要素の位置。 4. offsetParent() を使用して、最も近い位置にある祖先要素などを返します。

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery でのスタイル操作

1. css()

css() メソッドまたは、一致した要素の 1 つ以上のスタイル プロパティを設定します。

構文:

//返回样式属性值
$(selector).css(name)

//设置样式属性
$(selector).css(name,value)
$(selector).css({property:value, property:value, ...})

2. height()

height() メソッドは、一致する高さを返すか設定します。要素。

構文:

//返回样式高度
$(selector).height()

//设置样式高度
$(selector).height(length)

3. width()

width() メソッドは、一致する要素の幅を返すか設定します。

構文:

$(selector).width()
$(selector).width(length)

4、offset()

offset() メソッドは、一致する要素の相対的なオフセット (位置) を返すか、設定します。文書。

構文:

$(selector).offset()
$(selector).offset(value)

5. offsetParent()

offsetParent() メソッドは、最も近い先祖に位置する要素を返します。

位置要素とは、CSS 位置プロパティが相対、絶対、または固定に設定されている要素を指します。

位置は、jQuery または CSS の位​​置プロパティを通じて設定できます。

構文:

$(selector).offsetParent()

6.position()

position() メソッドは、一致する要素の位置 (オフセット) を返します。親要素。

このメソッドによって返されるオブジェクトには、ピクセル単位で測定される、top と left という 2 つの整数プロパティが含まれています。

このメソッドは、表示要素に対してのみ有効です。

構文:

$(selector).position()

7、scrollLeft()

scrollLeft() メソッドは、一致する要素のスクロール バーの水平位置を返すか、設定します。 。

スクロール バーの水平位置は、左側からスクロールされるピクセル数を指します。スクロールバーが左端にあるときの位置は0です。

構文:

//返回水平滚动条位置
$(selector).scrollLeft()

//设置水平滚动条位置
$(selector).scrollLeft(position)

8、scrollTop()

scrollTop() メソッドは、一致する要素のスクロール バーの垂直位置を返すか、設定します。 。

スクロール上部オフセットは、スクロール バーの上部に対する相対的なオフセットを指します。

このメソッドがパラメータを設定しない場合は、スクロール バーの上部を基準としたオフセットをピクセル単位で返します。

文法:

$(selector).scrollTop(offset)

関連チュートリアルの推奨事項: jQuery ビデオ チュートリアル

以上がjqueryスタイルの操作とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。