jQuery學習之 元素樣式的操作

2022-07-20 15:36:17 字數 1634 閱讀 8545

jquery學習之------元素樣式的操作

一、.addclass( classname )方法----增加樣式

1.addclass( classname ) : 為每個匹配元素所要增加的乙個或多個樣式名

內容

2.addclass( function(index, currentclass) ) : 這個函式返回乙個或更多用空格隔開的要增加的樣式名

.soulsjie

.cs1

.cs2

內容

二、.removeclass( )方法-----移除元素的css樣式

1.removeclass( [classname ] ):每個匹配元素移除的乙個或多個用空格隔開的樣式名

.soulsjie

.cs1

.cs2

內容

2.removeclass( function(index, class) ) : 乙個函式,返回乙個或多個將要被移除的樣式名

.soulsjie

.cs1

.cs2

內容

三.toggleclass( )方法:在匹配的元素集合中的每個元素上新增或刪除乙個或多個樣式類,取決於這個樣式類是否存在或值切換屬性。即:如果存在(不存在)就刪除(新增)乙個類

.toggleclass( classname ):在匹配的元素集合中的每個元素上用來切換的乙個或多個(用空格隔開)樣式類名

.toggleclass( classname, switch ):乙個布林值,用於判斷樣式是否應該被新增或移除

.toggleclass( [switch ] ):乙個用來判斷樣式類新增還是移除的 布林值

.toggleclass( function(index, class, switch) [, switch ] ):用來返回在匹配的元素集合中的每個元素上用來切換的樣式類名的乙個函式。接收元素的索引位置和元素舊的樣式類作為引數

vvvv

vvvv vv

vv ss

ss ww

ww

四、.css() 方法:獲取元素樣式屬性的計算值或者設定元素的css屬性

獲取:

.css( propertyname ) :獲取匹配元素集合中的第乙個元素的樣式屬性的計算值

.css( propertynames ):傳遞一組陣列,返回乙個物件結果

css()獲採樣式的屬性值12

3

設定:

.css(propertyname, value ):設定css

.css( propertyname, function ):可以傳入乙個**函式,返回取到對應的值進行處理

.css( properties ):可以傳乙個物件,同時設定多個樣式

css()設定元素樣式12

3

jQuery中的DOM操做 樣式操做

利用attr 方法來實現該功能 1 獲取 var p class p attr class 獲取p元素的class 2 設定 var p class p attr class high p元素的class為high利用addclass 方法來實現該功能 p addclass another 為p元素...

jquery的class操作 css樣式操作

切換 123 css樣式操作 jquery中不用考慮相容性,所有的語法都不需要考慮瀏覽器相容性 jquery都會給你處理好 css 屬性 獲取屬性的屬性值 結果有px單位 css 屬性,屬性值 設定屬性的屬性值 獲取 console.log div css color console.log div...

jQuery設定元素樣式

jquery可以使用css 方法來修改簡單元素樣式 也可以操作類,修改多個樣式。1 引數只寫屬性名,則返回屬性值 this css color 2 引數是屬性名,屬性值,逗號分隔,是設定一組樣式,屬性名必須加引號,值如果是數字可以不用跟單位和引號 this css color red 3 引數可以是...