操作元素屬性的方法有：1、操作class屬性的方法，包含addClass()、hasClass()、removeClass()、toggleClass()；2、操作指定屬性的方法，包括attr() 、prop()、removeAttr()。
本教學操作環境：windows7系統、jquery1.12.4版本、Dell G3電腦。
jQuery 屬性操作方法
| #方法 | ##描述|
|---|---|
| 為符合的元素新增指定的類別名稱（class屬性值）。 | |
| 設定或傳回符合元素的屬性和值。 | |
| 設定或傳回符合元素的屬性和值。 | |
| 檢查符合的元素是否擁有指定的類別（class）。 | |
| 從所有符合的元素中移除指定的屬性。 | |
| 從所有符合的元素中刪除全部或指定的類別（class）。 | |
| 從符合的元素中新增或刪除一個類別（class）。 |
jQuery attr()和prop()方法傳回或設定屬性
prop() 方法和attr() 方法相似，都是用來取得或設定元素的HTML 屬性的，不過兩者也有著本質上的差異。 jQuery 官方建議：具有true 和false 這兩種取值的屬性，如checked、selected 和disabled 等，建議使用prop() 方法來操作，而其他的屬性都建議使用attr() 方法來操作。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script src="js/jquery-1.12.4.min.js"></script>
<script>
$(function () {
$('input[type="radio"]').change(function(){
var bool = $(this).attr("checked");
if(bool){
$("p").text("你选择的是：" + $(this).val());
}
})
})
</script>
</head>
<body>
<div>
<label><input type="radio" name="fruit" value="苹果" />苹果</label>
<label><input type="radio" name="fruit" value="香蕉" />香蕉</label>
<label><input type="radio" name="fruit" value="西瓜" />西瓜</label>
</div>
<p></p>
</body>
</html>
$(this).attr("checked")判斷單選方塊是否被選中，如果被選中，就取得該單選框的value 值。可是運行程式碼後發現：完全沒有效果！這是為什麼呢？
removeAttr()方法刪除屬性
#在 jQuery 中，我們可以使用 removeAttr() 方法來刪除元素的某個屬性。 語法：$().removeAttr("属性名")jQuery 類別名稱操作
類別名稱操作，指的是為元素新增一個class 或刪除一個class，從而整體控制元素的樣式。 在 jQuery 中，CSS 類別名稱作業共有以下 3 種。addClass()方法加入class
在 jQuery 中，我們可以使用 addClass() 方法為元素新增一個 class。 語法：$().addClass("类名")removeClass()方法刪除class
在jQuery 中，我們可以使用removeClass() 方法來為元素刪除一個class 。 語法：$().removeClass("类名")toggleClass()方法切換class
在 jQuery 中，我們可以使用 toggleClass() 方法為元素切換類別名稱。 toggle，其實就是「切換」的意思，之後我們會大量接觸這個單詞，例如 toggle()、slideToggle() 等，小夥伴要留意和對比一下。 語法：$().toggleClass("类名")以上是jquery操作元素屬性的方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
