jQuery屬性操作之類樣式操作

2022-07-18 04:45:15 字數 1196 閱讀 3959

類樣式的操作:指對dom屬性classname進行新增、移除操作。比如addclass()、removeclass()、toggleclass()。

$(selector).addclass(classname)

classname

型別: string

為每個匹配元素所要增加的乙個或多個樣式名

返回值:jquery

描述: 為每個匹配的元素新增指定的樣式類名

格式為: $(selector).addclass("classname");

1

2313

1415

16

格式為:

$(selector).addclass("classname1  classname2")

示例**:

1

2313

1415

16

從所有匹配的元素中刪除全部或者指定的類

格式: $(selector).removeclass("classname");

示例**:

格式: $(selector).removeclass("classname1 classname2");  

示例**:

1

2313

1415

16

格式:

$(selector).removeclass();

示例**:

1

2313

1415

16

作用: 如果存在(不存在)就刪除(新增)乙個類

格式: $(selector).toggleclass("classname");

示例**:

1

2320

21this is the test.

2223

jquery的class操作 css樣式操作

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

jQuery 屬性操作和樣式函式

用於獲得或設定元素的dom屬性 方法描述 addclass 向匹配的元素新增指定的類名。attr 設定或返回匹配元素的屬性和值。hasclass 檢查匹配的元素是否擁有指定的類。html 設定或返回匹配的元素集合中的 html 內容。removeattr 從所有匹配的元素中移除指定的屬性。remov...

jquery之類名操作

demo addclass active tzh div addclass function index,ele div removeclass demo active 匹配到類名就刪除,沒有匹配到就忽略 div removeclass function index,ele 沒有順序前後,匹配到類名...