jQuery(2) 属性 、元素尺寸、位置

1.1. jQuery 属性操作

jQuery 常用属性操作有三种：prop() / attr() / data() ;

1.1.1 元素固有属性值 prop()

所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。

语法

注意：prop() 除了普通属性操作，更适合操作表单属性：disabled / checked / selected 等。

1.1.2 元素自定义属性值 attr()

用户自己给元素添加的属性，我们称为自定义属性。 比如给 div 添加 index =“1”。

注意：attr() 除了普通属性操作，更适合操作自定义属性。（该方法也可以获取 H5 自定义属性）

1.1.3 数据缓存 data()

data() 方法可以在指定的元素上存取数据，并不会修改 DOM 元素结构。一旦页面刷新，之前存放的数据都将被移除。

注意：同时，还可以读取 HTML5 自定义属性 data-index ，得到的是数字型。
且数据缓存 data() 这个里面的数据是存放在元素的内存里面，一旦页面刷新，之前存放的数据都将被移除。

1.2. jQuery 文本属性值

jQuery的文本属性值常见操作有三种：html() 、text() 、val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。

1.2.1 jQuery内容文本值

常见操作有三种：html() 、text() 、val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性，主要针对元素的内容还有表单的值操作。

注意：html() 可识别标签，text() 不识别标签。

1.3. jQuery 元素操作

jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。

1.3.1. 遍历元素

注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。

注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 对象，想要使用 jQuery 方法需要转换。

1.3.3. 创建、添加、删除

jQuery方法操作元素的创建、添加、删除方法很多，则重点使用部分，如下：

语法总和

注意：以上只是元素的创建、添加、删除方法的常用方法，其他方法请参详API。

1.4. jQuery 尺寸、位置操作

1.4.1. jQuery 尺寸操作

1.4.2. jQuery 位置操作

jQuery的位置操作主要有三个： offset()、position()、scrollTop()/scrollLeft() , 具体介绍如下:

语法



1.5. 今日总结