jQuery 基礎 修改元素樣式

2021-08-16 04:52:58 字數 989 閱讀 5349

修改元素樣式

一、修改元素的類 addclass(names) removeclass(names)

給元素增加類:

給元素刪除類:

hasclass() 方法:

上述**的乙個簡便方法:

toggleclass()

二、直接修改元素的樣式

獲取或修改樣式

css(name,value) 方法

三、獲取或設定元素的尺寸

width() height() 方法

width(value)

innerwidth(value)  -- 僅包含內邊距

outerwidth(value)  -- 僅包含內邊距、邊框

outerwidth(true) -- 僅包含內邊距、邊框、外邊距

四、獲取與設定元素的位置與浮動

offset(coordinates) 可見的最左上角的相對於左上角的偏移

position() 獲取的是離該元素最近的父級,有相對位置的元素的偏移;若沒有,則返回的是與文件的偏移

scrollleft(value) scrolltop(value) 相對於滾動條初始的偏移

五、修改元素內容

獲取、設施元素內容,有兩種方法: html() html(content) 與 text() text(content)

示例:

修改元素樣式

一 修改元素樣式 通過給元素新增或移除類來改變元素樣式 1 jquery物件.addclass class function index,currentclassname jquery物件中的每乙個dom元素都可新增相同的指定乙個或多個類 2 jquery物件.removeclass classfu...

jQuery 修改元素屬性

1 attr方法 獲取匹配的元素集合中的第乙個元素的屬性的值 或 設定匹配元素指定的屬性 使用說明 1 只傳乙個引數的情況 1 字串 屬性名稱 只傳乙個字串屬性名稱 表示獲取匹配的元素集合中的第乙個元素的屬性的值 2 屬性 值 集合物件 一次性設定多個屬性 2 傳兩個引數的情況 1 第乙個引數 字串...

通過JS修改元素樣式

語法 元素,style.樣式名 樣式值 var box1 document.getelementbyid box1 box1.syle.width 100px 注意 如果css樣式名含有 如 background color,這種名稱在js中不合法,需要將樣式名修改為駝峰命名法,background...