jQuery 獲取並設定 CSS 類

2021-07-23 23:45:09 字數 1411 閱讀 5195

jquery 擁有若干進行 css 操作的方法。我們將學習下面這些:

addclass() - 向被選元素新增乙個或多個類

removeclass() - 從被選元素刪除乙個或多個類

toggleclass() - 對被選元素進行新增/刪除類的切換操作

css() - 設定或返回樣式屬性

jquery addclass() 方法

下面的例子展示如何向不同的元素新增 class 屬性。當然,在新增類時,您也可以選取多個元素:

例項

$("button").click(function

());

jquery removeclass() 方法

下面的例子演示如何不同的元素中刪除指定的 class 屬性:

例項

$("button").click(function

());

jquery toggleclass() 方法

下面的例子將展示如何使用 jquery toggleclass() 方法。該方法對被選元素進行新增/刪除類的切換操作:

例項

$("button").click(function

());

jquery css() 方法

css() 方法設定或返回被選元素的乙個或多個樣式屬性。

$(

"p").css("background-color");

設定 css 屬性

如需設定指定的 css 屬性,請使用如下語法:

css(「propertyname」,」value」);

下面的例子將為所有匹配元素設定 background-color 值:

例項

$(

"p").css("background-color","yellow");

設定多個 css 屬性

如需設定多個 css 屬性,請使用如下語法:

css();

下面的例子將為所有匹配元素設定 background-color 和 font-size:

例項

$(

"p").css();

通過 jquery,很容易處理元素和瀏覽器視窗的尺寸。

jquery 尺寸 方法

jquery 提供多個處理尺寸的重要方法:

width()

height()

innerwidth()

innerheight()

outerwidth()

outerheight()

jQuery 獲取並設定 CSS 類

獲取並設定 css 類 jquery 擁有若干進行 css 操作的方法。我們將學習下面這些 下面的例子展示如何向不同的元素新增 class 屬性。當然,在新增類時,您也可以選取多個元素 這是乙個段落。這是另外乙個段落。這是一些重要的文字 為元素新增 class 您也可以在 addclass 方法中規...

jQuery獲取並設定 CSS 類

通過 jquery,可以很容易地對 css 元素進行操作。jquery 操作 css jquery 擁有若干進行 css 操作的方法。我們將學習下面這些 addclass 向被選元素新增乙個或多個類 removeclass 從被選元素刪除乙個或多個類 toggleclass 對被選元素進行新增 刪除...

jQuery 獲取 設定CSS類

1 addclass 向被選元素新增乙個或多個類 2 removeclass 從被選元素刪除乙個或多個類 3 toggleclass 對被選元素進行新增 刪除類的切換操作 eg important blue id addclass important blue 新增兩個類 removeclass b...