一、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、
.
e
a
c
h
(
.each(
.each((‘element’), function(index, element) {})
用法跟第二条一样