## 屬性 attr(name | properties | key\[, value | fn\])
概述:設置或返回被選元素的屬性值。
* name:屬性名稱
* properties:作為屬性的“名/值對”對象
* key, vlalue:屬性名稱,屬性值
* key, function (index, attr) {}:屬性名稱,返回屬性值函數(當前元素索引值,原來屬性值)
~~~
// 返回文檔中所有圖像的 src 屬性值。
$("img").attr("src");
// 為所有圖像設置 src 和 alt 屬性。
$("img").attr({src: "test.jpg", alt: "Test Image"});
// 為所有圖像設置 src 屬性。
$("img").attr("src", "test.jpg");
// 把 src 屬性的值設置為 title 屬性的值。
$("img").attr("title", function() { return this.src; });
~~~
## 移除 removeAttr(name)
概述:從每一個匹配的元素中刪除一個屬性。
~~~
$("img").removeAttr("src"); // 將文檔中圖像的 src 屬性刪除
~~~
## 屬性 prop(name | properties | key\[, value | fn\])
概述:獲取在匹配的元素集中的第一個元素的屬性值。內置屬性的 DOM 元素或 window 對象刪除某些屬性,瀏覽器可能會產生錯誤。jQuery 第一次分配 undefined 值的屬性,而忽略了瀏覽器生成的任何錯誤。
* name:屬性名稱
* properties:作為屬性的“名/值對”對象
* key, vlalue:屬性名稱,屬性值
* key, function (index, attr) {}:屬性名稱,返回屬性值函數(當前元素索引值,原來屬性值)
~~~
// 選中復選框為 true,沒選中為 false
$("input[type='checkbox']").prop("checked");
// 禁用頁面上的所有復選框。
$("input[type='checkbox']").prop({
disabled: true
});
// 禁用和選中所有頁面上的復選框。
$("input[type='checkbox']").prop("disabled", true);
$("input[type='checkbox']").prop("checked", true);
// 通過函數來設置所有頁面上的復選框被選中。
$("input[type='checkbox']").prop("checked", function(i, val) {
return !val;
});
~~~
## 移除 removeProp(name)
概述:用來刪除由 .prop() 方法設置的屬性集。
~~~
// 設置一個段落數字屬性,然后將其刪除。
var $para = $("p");
$para.prop("code", 1234);
$para.append("The secret code is: " + $para.prop("code"));
$para.removeProp("code");
$para.append("Now the secret code is: " + $para.prop("code"));
~~~
- 第一節:概述
- 第二節:核心
- 第一課時:核心函數
- 第二課時:對象訪問
- 第三課時:插件機制
- 第四課時:多庫共存
- 第三節:選擇器
- 第一課時:基本選擇器
- 第二課時:層級選擇器
- 第三課時:基本篩選器
- 第四課時:內容
- 第五課時:可見性
- 第六課時:屬性
- 第七課時:子元素
- 第八課時:表單
- 第九課時:表單對象屬性
- 第四節:屬性
- 第一課時:屬性
- 第二課時:CSS 類
- 第三課時:HTML 代碼、文本和值
- 第五節:篩選
- 第一課時:過濾
- 第二課時:查找
- 第六節:CSS
- 第一課時:CSS
- 第二課時:位置
- 第三課時:尺寸
- 第七節:事件
- 第一課時:頁面載入
- 第二課時:事件處理
- 第三課時:事件切換
- 第四課時:事件
- 第八節:文檔處理
- 第一課時:內部插入
- 第二課時:外部插入
- 第三課時:包裹
- 第四課時:替換
- 第五課時:刪除
- 第六課時:復制
- 第九節:效果
- 第一課時:基本
- 第二課時:滑動
- 第三課時:淡入淡出
- 第四課時:自定義
- 第十節:AJAX
- 第一課時:請求
- 第二課時:事件
- 第三課時:其他