jQuery DOM 操控術 - CSS 樣式屬性

讀取與設定元素的 CSS 相關樣式。

css()

讀取

取得指定元素的 CSS 行內樣式。

css(property)

參數

功能	說明	型別	範例	備註
property	屬性	String	'color'	必填

範例

HTML

<div id="Dom" style="display: inline">DOM</div>

JavaScript

const val = $('#Dom').css('display');

// inline
console.log(val);

設定一個 CSS 樣式

設定元素的 CSS 行內樣式。

css(property, value)

參數

功能	說明	型別	範例	備註
property	屬性	String	'color'	必填
value	屬性	String	'#fff'	必填

範例

HTML

<div id="Dom">DOM</div>

JavaScript

$('#Dom').css('color', '#fff');

設定多個 CSS 樣式

設定多個元素的 CSS 行內樣式。

css(properties)

參數

功能	說明	型別	範例	備註
properties	屬性	Object	{ color: red }	必填

範例

HTML

<div id="Dom">DOM</div>

JavaScript

$('#Dom').css({
  color: '#fff',
  // 'font-size': 30,
  fontSize: '3rem'
});

scrollTop()

讀取

取得指定元素被向上捲動的高度。

scrollTop()

Demo

設定

設定指定元素向上捲動的高度。

scrollTop(value)

參數

功能	說明	型別	範例	備註
value	值	Number	500	必填