JQuery中css與attr的比較

2021-08-10 17:25:50 字數 1670 閱讀 7146

我們在使用jq的css與attr兩個函式會不會經常搞混淆呢，下面就我就談談我在使用兩者的經驗。

$(『#boj』).attr(『src』,』/image/aa.jpg』)這樣不禁讓我們很困惑，是不是attr可以設定物件的屬性height,width等呢？答案是不可能的。

attr是設定和獲取屬性值的，比如現在有乙個div，內容如下：
使用$(『#test』).attr(『background』,』red』)，然而div中背景色並沒有設定成為紅色，在除錯視窗中顯示是這樣的

看樣式並沒有寫進style裡面，所以看起來沒有任何效果。不過我們可以這麼想，既然能單獨設定屬性，那我們就可以通過賦值，直接寫進屬性裡，然後再取值。ok，那我們就來取剛才設定的background屬性值。

var attribute=$(『#test』).attr(『background』);


alert(attribute)
js中相當於

var attribute=document.getelementbyid(『test』)


attribute.setattribute(『background』,』red』)


attribute.getattribute(『background』)
刪除屬性：

attribute.removeattr(『background』)
顯示結果：

以後我們需要新增屬性設定屬性可以這樣來。好了，我們現在知道attr的用法了。下面就來談談css的用法：

css是用來設定和獲取style的.

設定css樣式

var mystyle=$(『#test』);


mystyle.css(『background』,』red』)
當然我們可以設定很多的樣式，例如：

mystyle.css()
獲取css樣式

var bg=mystyle.css(『background』);
這裡我就多說一句，滑鼠移入移出可以進行使用hover來進行實現，例如：

$(『#test』).hover(function(),function())
js原始獲取如下：

var mystyle=document.getelementbyid(『test』);
設定樣式：

mystyle.style.backgroundcolor=』red』;
獲採樣式：

var bg=mystyle.style.backgroundcolor;
效果如下：

jquery中attr 與prop 區別

我們知道jquery中獲取元素屬性有兩種常見的方法，乙個是attr 方法，這個是用的比較多的，也是我們第乙個想到的。另外乙個就是prop 方法了，這個方法之前很少用到，它是jquery1.6之後新增的方法。那麼這兩個方法都是獲取屬性的，那麼神馬區別呢？閒話不多說，下面我們就來說說。首先從單詞解釋來說...

jquery中attr 與prop 的區別

在jquery中，這兩個方法都是用來獲取元素的屬性的，他們的區別之處在 呢？我們知道，在html中，有部分屬性是只需要新增屬性名即可生效的，如checked，disable等，對於這些屬性，如果使用attr方法的時候難免會出意外，所以在1.6版本之後，jquery使用了新方法prop 來獲取他們，使...

jQuery中attr 與prop 的區別

write by monkeyfly 在jquery裡，我們要獲取乙個標籤元素的屬性，可以用attr 方法或者prop 方法，那麼兩者有什麼區別呢？注 單純從定義看的話，兩個方法的作用都是一樣的。而且用法也都差不多，如下所示。作用一 返回被選元素的屬性值。語法如下 selector attr att...