## 属性 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
- 第一课时:请求
- 第二课时:事件
- 第三课时:其他