Dom对象的属性以及方法

25 篇文章 0 订阅

原生DOM的属性和方法只能自己用。不能混用

jQuery的属性和方法只能自己用。不能混用
要想混用,只能转换

这里写图片描述

        案例body代码:

        <body>
        <div></div>
        <div id="box"></div>
        <div></div>
        </body>

1.原生js的dom对象转换成jQuery对象(1种方法)

        var jsEle = document.getElementById("box");
        console.dir(jsEle);//DOM对象

        //转换方法:  $(原生js的dom对象)
        console.dir($(jsEle));//jQuery对象
        console.log($(jsEle) === $(jsEle));//false

        //为什么是false?
        ...

2.jQuery对象转换成原生js的dom对象(2种方法)

  • jQuery对象[js对象的索引值]
  • jQuery对象.get(js对象的索引值)

          console.dir($("#box"));//jQuery对象
    
        //1.jQuery对象[js对象的索引值]
        console.dir($("#box")[0]);//DOM对象
    
        //2.jQuery对象.get(js对象的索引值)
        console.dir($("div").get(1));//DOM对象
    
        console.dir($("div").get(1) === $("#box")[0]);//true
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值