Jquery的一些屬性和樣式

2021-09-25 15:50:25 字數 828 閱讀 9668

刪除樣式:

.removeclass()方法: 在()裡面新增classname是每個匹配元素移除的乙個或多個用空格隔開的樣式名稱

function(index、class):在乙個函式裡面,返回乙個或者多個將要被移除的樣式名稱

值得注意的是,如果乙個樣式類名稱作為乙個引數,只有這種樣式類會被從匹配的元素集合中刪除,如果沒有樣式名稱作為引數,那麼所有的樣式類名稱都將被刪除

切換樣式:

在做某些效果的時候,可能會針對同乙個節點的某乙個樣式不斷的切換,也就是add class和remove class 的互斥切換,例如隔行換色的效果

jquery提供的toggle class的方法用於簡化這種互斥的邏輯,通過toggle class方法的動態新增 或者刪除class,相當於執行一次add class,再一次執行相當於remove class

.toggle class()方法:在匹配的元素集合中的每個元素新增或者刪除乙個或多個樣式類,取決於這個樣式的類是否存在或切換屬性值,就是:如果存在(亦或者不存在)就刪除(或者新增)乙個類

「class name」(放在括號裡邊兒的):在匹配的元素集合中的每個元素上用來切換乙個或者多個(用空格隔開)樣式類名

「class name」、「switch」:乙個布林值,用於判斷樣式是否應該被新增或者移除

「[switch]」:乙個用於判斷樣式類新增還是移除的布林值

「function(index、class、switch)、[switch]」:都是用來返回匹配的元素集合中的每個元素上用來切換的樣式類名的乙個函式。接收元素的索引值位置和元素的樣式類作為引數

事項:toggle class會保留原有的class名,通過空格隔開

jquery的屬性和樣式

1.attr 和prop attr 設定或返回被選元素的屬性值 attr 屬性名 獲取屬性 attr 屬性名,屬性值 設定屬性 span attr data id 1002 data id 1001 console.log span attr id 獲取id console.log span att...

jQuery的屬性和樣式

prop 獲取在匹配的元素集中的第乙個元素的屬性值。attr 屬性名 屬性值 設定屬性 全選全部選 change function 反選 change function 2 change function body form action span id span data id 1001 姓名 s...

一些CSS樣式和js

body input box 03 input box 05 input box 07 input box 10 input box 15 input box 20 input box 25 input box 30 input box 35 input box 50 input box 60 in...