jQuery操作attr、prop、val()/text()/html()、class屬性

css() 方法設置或返回被選元素的一個或多個樣式屬性。val() 方法返回或設置被選元素的值。attr() 方法設置或返回被選元素的屬性值。addClass() 方法向被選元素添加一個或多個類。

我們提供的服務有：做網站、網站制作、微信公眾號開發(fā)、網站優(yōu)化、網站認證、尖草坪ssl等。為1000+企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的尖草坪網站制作公司

attr()設置或返回被選元素的屬性值。removeAttr()從每一個匹配的元素中刪除一個屬性 prop()獲取在匹配的元素集中的第一個元素的屬性值。

jquery中用attr()方法來獲取和設置元素屬性，attr是attribute（屬性）的縮寫，在jQuery DOM操作中會經常用到attr()，attr()有4個表達式。①、attr(屬性名) //獲取屬性的值（取得第一個匹配元素的屬性值。

操作對象不同 很明顯，attr和prop分別是單詞attribute和property的縮寫，并且它們均表示屬性的意思。不過，在jQuery中，attribute和property卻是兩個不同的概念。attribute表示HTML文檔節(jié)點的屬性，property表示JS對象的屬性。

prop和attr的根本區(qū)別在于：對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。

jQuery中有3個獲取元素value值的函數(shù)比較相似：attr()，prop()，val()；拿來比較一下。

jquery中attr和prop的區(qū)別

1、prop和attr的根本區(qū)別在于：對于HTML元素本身就帶有的固有屬性，在處理時，使用prop方法。

2、jQuery的 .attr() 方法得到了一個元素的屬性值主要有兩個好處：方便：它可以直接被jQuery對象訪問并且鏈式調用其他jQuery方法。瀏覽器兼容：一些屬性在不同瀏覽器中得到不同的值。 甚至在同一個瀏覽器的不同版本中。

3、其實不然，prop 方法是 jQuery v1 才新出來的，性能要更好一些，解決了 window 或 document 無法使用 attr 方法的問題，同時在獲取元素狀態(tài)時返回布爾值，大大方便了對狀態(tài)的判斷。

jQuery中attr和prop在修改checked屬性時的區(qū)別

沒有太大區(qū)別。一般情況下具有 true 和 false 兩個屬性的屬性，如 checked， selected 或者 disabled 使用prop()，其他的使用 attr()。以下來自網絡，有興趣可閱讀：jQuery 6 開始新增了一個方法 prop()。

boolean attributes，比如：checked，僅被設置成默認值或初始值。在一個checkbox的元素中，checked attributes在頁面加載的時候就被設置，而不管checkbox元素是否被選中。properties就是瀏覽器用來記錄當前值的東西。

過.attr()方法就沒有辦法操作它們。此外，數(shù)據類型方面也存在差異，比如HTML中的checked 屬性是一個字符串，而DOM中的checked屬性則是一個布爾值。

操作對象不同 很明顯，attr和prop分別是單詞attribute和property的縮寫，并且它們均表示屬性的意思。不過，在jQuery中，attribute和property卻是兩個不同的概念。attribute表示HTML文檔節(jié)點的屬性，property表示JS對象的屬性。

checkbox在jquery各個版本中操作方式是不同的： - 在jquery5及其以下的版本中使用 attr(checked) 方法進行操作； - 在jquery6+使用prop(checked)方法進行操作。