jQuery对属性、文本、元素操作

一、jQuery对属性操作

1、获取、改变元素的固有属性 不能获取到自定义属性
1.1获取元素的固有属性

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

1.2改变元素的固有属性

$("a").prop("title", "jack");

输出以上得出的是一个伪数组

2、获取自定义属性的方法 得到的是字符串形式
Element.attr(“完整的自定义属性名”[,做改变的值])
2.1获取自定义属性的方法 得到的是字符串形式

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

2.2改变自定义属性

$("div").attr("index", 3);

3.数据缓存 data() 这个里面的数据是存放在元素的内存里面的
把元素当作是变量，数据存在变量里面 不能直接显示出来，但是可以在控制台输出

$("span").data("uname", "Ross");
console.log($("span").data("uname"));

用这个方法获取data-xxxxx 即H5自定义属性 不用写data- 而且返回的是数字型

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

二、jQuery对文本操作

1、获取设置元素内容 html()
Element.html()
括号里面有内容就是设置为括号里面的内容，没有内容就获取元素内容

2、获取设置文本元素内容 text()
Element.text()
括号里面有内容就是设置为括号里面的内容，没有内容就获取元素内容

3、获取或设置表单值 val()
Element.val()
括号里面有内容就是设置为括号里面的内容，没有内容就获取元素内容

三、jQuery对元素的操作

1、针对于同一元素做相同的操作

$("div").css("color", 'blue');

2、针对于相同元素做不同操作

$("Element").each(functon(index, element) {})

element指代的是Element中的元素，可以是对象也可以是数组等
index:是Element的序列号
都可以自定义名称
element是 Dom元素对象，要转为jQuery对象才能用

3、$.each($(‘element’), function(index, element) {})
用法跟第二条一样