通過style屬性來修改元素的樣式,每修改乙個樣式,瀏覽器就需要重新渲染一次頁面
這樣的執行的效能是比較差的,而且這種形式當我們要修改多個樣式時,也不太方便
一行**,可以同時修改多個樣式
可以通過修改元素的class屬性來間接的修改樣式
這樣一來,我們只需要修改一次,即可同時修改多個樣式,
瀏覽器只需要重新渲染頁面一次,效能比較好,
並且這種方式,可以使表現和行為進一步的分離
/** * obj:制定元素
* cn:對應類名
**///
定義乙個函式,來向乙個元素新增類
function
addclass(obj,cn)
}//定義乙個函式判斷乙個元素有沒有這個類
function
hasclass(obj,cn)
//定義乙個函式來刪除對應元素中的類
function
removeclass(obj,cn)
//定義乙個函式來切換乙個類
function
toggleclass(obj,cn)
else
}
JQ操作類與JS操作類的區別
1 原生js操作類 會覆蓋元素原先的類名 2 jq操作類 jq裡面的類只是對指定類進行操作 追加 移除 等操作,不影響原來的類名 2.1jq追加類 element.addclass 類名 2.2jq移除類 element.removeclass 類名 one div body 1 原生js操作類名 ...
C 實現的JS操作類
using system.web namespace dotnet.utilities 彈出資訊,並返回歷史頁面 public static void alertandgohistory string message,int value 直接跳轉到指定的頁面 public static void r...
js基礎 類css的操作
通過style屬性來修改元素的樣式,每修改乙個樣式 瀏覽器就需要重新渲染一次頁面 這樣的執行的效能是比較差的,而且這種形式當我們要 修改多個樣式時,也不太方便。而且,css是樣式,js是行為,這樣的操作就是行為和表現混合了,在開發中盡量少用。我們可以通過修改元素的class屬性來間接修改樣式,這樣一...