5jQuery中對樣式的常用操作

2022-06-17 18:42:12 字數 831 閱讀 5351

jquery中常用的樣式

操作有兩種:css() 和 設定類樣式方法

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

常用以下三種形式 :

1

//1.引數只寫屬性名,則是返回屬性值23

var strcolor = $(this).css('color');45

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

67 $(this).css(''color'', ''red'');89

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

1011 $(this).css();

注意:css() 多用於樣式少時操作,多了則不太方便。

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

常用的三種設定類樣式方法:

1

//1.新增類

23 $("div").addclass("current");45

//2.刪除類

67 $("div").removeclass("current");89

//3.切換類

1011 $("div").toggleclass("current");

注意:設定類樣式方法比較適合樣式多時操作,可以彌補css()的不足。

原生 js 中 classname 會覆蓋元素原先裡面的類名,jquery 裡面類操作只是對指定類進行操作,不影響原先的類名。

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 中對 checkbox的各種操作

注意 操作checkbox的checked,disabled屬性時jquery1.6以前版本用attr,1.6以上 包含 建議用prop 2 3 1 根據id獲取checkbox 4 cbcheckbox1 5 6 2 獲取所有的checkbox 7 input type checkbox or 8...

jquery的class操作 css樣式操作

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