JQuery属性和属性节点的概念
1.什么是属性?
就是对象上的变量就是属性 || 就是实例中的name/age/sex一样
2.如何操作属性?
实例对象.属性名 = 值(赋值) || 实例对象.属性名(获取) || 实例对象[属性名] = 值
3.什么是属性节点?
在编写HTML代码时,在便签上添加的属性就是属性节点 || 在浏览器中打印的wcg中展开0:div看到的就是DOM元素自带的属性,其中attributes属性中包含的就是属性节点
4.怎么操作属性节点?
使用setAttribute(“属性节点名称”,“值”)修改属性节点的值 || getAttribute(“属性节点名称”)获取属性节点的值
5.属性和属性节点的区别?
任何对象都有属性,只有DOM元素才有属性节点
<script>
$(function(){
//1.什么是属性? >>> 就是对象上的变量就是属性 || 就是实例中的name/age/sex一样
function Person(){ };
var p = new Person();
p.name = "lzl";
p.age = 40;
p.sex = "女";
//2.如何操作属性? >>> 实例对象.属性名 = 值(赋值) || 实例对象.属性名(获取) || 实例对象[属性名] = 值
p.name = "zs";
p["age"] = 35;
console.log(p.sex,p["age"]);
//3.什么是属性节点? >>> 在编写HTML代码时,在便签上添加的属性就是属性节点 <div name="wc"></div>
var wcg = document.getElementsByTagName("div");
console.log("wcg",wcg); // 在浏览器中打印的wcg中展开0:div看到的就是DOM元素自带的属性,其中attributes属性中包含的就是属性节点
//4.怎么操作属性节点? >>> 使用setAttribute("属性节点名称","值")修改属性节点的值 || getAttribute("属性节点名称")获取属性节点的值
var wcg1 = document.getElementsByTagName("div")[0];
wcg1.setAttribute("name","li");
console.log("getAttribute",wcg1.getAttribute("name"));
//5.属性和属性节点的区别? >>> 任何对象都有属性,只有DOM元素才有属性节点
})
</script>
<body>
<div name="wc"></div>
</body>