【jQuery】属性和属性节点概念(清晰)

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>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值