jQuery 4 樣式操作

2021-10-04 10:34:06 字數 941 閱讀 7055

一.操作css方法

jquery可以使用css方法來修改簡單元素樣式;也可以操作類,修改多個樣式。

1.引數只寫屬性名,則是返回屬性值 i f

$

(this).

css(

"color"

);

2.引數是屬性名,屬性值,逗號分隔,是設定一組樣式,屬性必須加引號,值如果是數字可以不用跟單位和引號

$

(this).

css(

"color"

,"red"

);

3.引數可以是物件形式,方便設定多組樣式,屬性名和屬性值用冒號隔開,屬性可以不用引號

$

(this).

css(

);

二.設定類樣式方法

作用等同於以前的classlist,可以操作類樣式,注意操作類裡面的引數不要加點。

1.新增類

$

("div").

addclass

("current"

);

2.刪除類

$

("div").

removeclass

("current"

)

3.切換類

$

("div").

toggleclass

("current"

);

三.類操作與classname區別

原生js中classname會覆蓋原先裡面的類名

jquery裡面類操作只會對指定類進行操作,不影響原先的類名

jQuery4動畫效果

1.顯示隱藏效果 隱藏顯示 切換效果 2.淡入淡出效果 將例1的方法換為以下即可 fadeout fadein fadetoggle 3.滑動顯示滑動隱藏 將例1的方法換為以下即可 slideup slidedown slidetoggle 4.自定義動畫效果 在使用animate 方法時,必須設定...

建立互動式部落格 jquery (4)

jquery可以是html element具有動感。body click function slideup 方法通過向上滑動的方式隱藏選定的html element。如下 body click function fadein 方法通過漸進的方式顯示選定的html element。如下 body cl...

JQuery 4 jquery樣式操作

jquery用法思想二 同乙個函式完成取值和賦值 樣式叫css 屬性叫attr 操作行間樣式 獲取div的樣式 div css width div css color 設定div的樣式 div css width 30px div css height 30px div css 特別注意 選擇器獲取...