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...