[JavaScript知识库]jQuery属性操作

1、设置或获取元素固有属性值prop()

所谓元素固有属性就是元素本身自带的属性.

1.1获取属性

比如<a>标签里面的href。

console.log($("a").prop("href");

1.2设置属性

prop("属性","属性值")

$("a").prop("title","改变标题")

2设置或获取元素自定义属性值attr()

console.log($("div").attr("index"));

console.log($("div").attr("index","2"));//修改为2

2.1获取属性

attr("属性")//类似原生getAttribute()

2.2设置属性语法

attr("属性","属性值")//类似原生setAttribute()

改方法也可以获取H5自定义属性

? ? 3.数据缓存data()

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

$("span").data("name","andy");//放在内存里面并不会被看到，相当于一个变量来看

console.log($("span").data("name","andy"));//获取，就可以直接取值

console.log($("div").data("index"));//这个方法获取data-index h5自定义属性 第一个 不用写data- 而且返回的是数字型

3.1附加数据

data("name","value")//相被选元素附加数据

3.2获取数据

data("name")//相被选元素获取数据

同时，还可以读取HTML5自定义属性data-index，得到的是数据型。