jQuery attr和css的區別

2021-08-29 08:09:18 字數 963 閱讀 7887

在jquery中,attr和css都和元素樣式有關,今天來說一說這兩者有什麼區別。

css() 方法返回或設定匹配的元素的乙個或多個樣式屬性。

attr即[attribute]的縮寫,它是選擇器用於選取帶有指定屬性的元素

其實,它們之間的區別可以用一句話來概括:即attr設定和獲取某個屬性值,css設定和獲取style中的屬性。

下面用**來說明一下這兩者之間的區別。

1.作用不同

這是乙個jq示例
上文中的**,通過css將link的display設定為了none;通過attr為link新增了乙個title屬性,其值為「jq新增的title」。

這種使用方法正好驗證了上文所說的「attr——屬性、css——style」的聯絡。

2.優先順序不同

jquery中的css()是用來操縱style{}的,而attr()是加在標籤內部的,attr()的權重比css()要大,它會覆蓋css()的樣式。

3.獲取許可權不同

在jquery裡,css可取該標籤定義的css的屬性attr只能取該標籤裡自帶的屬性。

也就是說,如果直接在div中定義的屬性,css無法獲得。attr可以獲得css中的也可以獲得其他標籤裡自帶的屬性,而標籤裡沒有自帶的屬性,attr也無法獲得。

例如:在div裡,沒有width這個屬性,所以不能用attr給他賦值,在div的css樣式裡是有width這個屬性的,所以可以用$("#logo").css("width","180")來賦值。

如果想要動態地增加屬性,可以使用addclass()。它是為html元素動態的新增class。

jquery attr和prop用法注意

jquery裡的attr和prop的用法注意,解決用attr移除checked選中狀態失敗的方法 radio removeattr checked radio attr checked true 實際問題 在使用removeattr 移除了radio的checked屬性後,使用attr 重新增加不起...

Jquery attr 方法 屬性賦值和屬性獲取

jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中會經常用到attr attr 有4個表示式。1.attr 屬性名 獲取屬性的值 取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒...

Jquery attr 方法 屬性賦值和屬性獲取

jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中會經常用到attr attr 有4個表示式。獲取屬性的值 取得第乙個匹配元素的屬性值。通過這個方法可以方便地從第乙個匹配元素中獲取乙個屬性的值。如果元素沒有相應屬性,則返回 u...