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...