關於jquery css的使用介紹

文章目錄

• jQuery 操作 CSS
• jQuery 尺寸 方法

jQuery 操作 CSS

• addClass() - 向被選元素添加一個或多個類
• removeClass() - 從被選元素刪除一個或多個類
• toggleClass() - 對被選元素進行添加/刪除類的切換操作
• css() - 設定或返回被選元素的一個或多個樣式屬性。

jQuery css() 方法

〈1〉返回 CSS 屬性

css("propertyname");

〈2〉設定 CSS 屬性

css("propertyname","value");

〈2.1〉設定多個 CSS 屬性

css({"propertyname":"value","propertyname":"value",...});

jQuery 尺寸 方法

jQuery 提供多個處理尺寸的重要方法：

• width() 設定或返回元素的寬度（不包括內邊距、邊框或外邊距）。
• height() 設定或返回元素的高度（不包括內邊距、邊框或外邊距）。

  設定：$("#div1").width(500).height(500); more : $(window/document).width/height;

• innerWidth() 返回元素的寬度（包括內邊距）。
• innerHeight() 返回元素的高度（包括內邊距）。
• outerWidth() 返回元素的寬度（包括內邊距、邊框和外邊距）。
• outerHeight() 返回元素的高度（包括內邊距、邊框和外邊距）。