jQuery筆記 四 使用css

2022-08-29 05:03:10 字數 717 閱讀 9916

可以在指令碼中使用.css()方法來獲取或設定元素的css屬性,但是.css()方法的缺點是它會在html中新增內嵌樣式。因此建議改用新增或刪除樣式類的方式。

1、為dom元素設定css屬性

在除錯布局時,.css()方法非常有用。

2、為dom元素新增類

使用.addclass()方法。只要把類的名字作為引數傳遞給這個方法就可以了。不過不能在名字的前面加上點。

$('.content').addclass("class1");

如果目標元素原來已經有乙個類,則新類會被新增到該類之後。如果需要一次新增多個類,只需要用空格把這些類的名字隔開作為引數傳入。

$('.content').addclass("class1 class2");

3、為dom元素刪除類

使用.removeclass()方法,它和.addclass()的工作方式完全相同。

$('.content').removeclass("class1");

如果沒有為這個方法指定引數,則目標元素的所有類都將刪除。

$('p').removeclass(); //刪除匹配的目標元素的所有類

4、讓dom元素切換類

使用.toggleclass()方法

$('p').toggleclass("class1"); //為p元素切換.class1類。如果p元素沒有這個類,就把這個類加上,反之就把這個類去掉。

jQuery學習筆記 四)

如何爬dom這棵樹,就是對於你的選擇器進行移動,通過以下顧名思義的方法 parent 向上找父類 children 向下找子類 prev 找左邊緊鄰的兄弟元素 next 找右邊緊鄰的兄弟元素 parents 遍歷所選元素的所有父元素 closest 得到離所選元素最近的父元素,例如 li close...

jQuery學習筆記四(jquery事件註冊)

原生js註冊相同的事件之後,後面註冊的會覆蓋掉前面註冊的,而jquery事件,後面註冊的不會覆蓋前面註冊的,這增強了事件處理能力。jquery的隱式迭代 jquery中如果選擇器可以找到零個,乙個或多個元素找到多個元素 當找到的是多個元素的時候,得到的實際上是乙個元素的集合,執行設定操作的時候,會對...

CSS學習筆記(四)

b color darkred align center 背景 align color b color red background color color 背景為透明 transparent 背景顏色與字型color類似 例 color red background image url color...