首页 >web前端 >js教程 > 正文

jquery对象和dom对象之间的差异

转载2020-09-08 12:29:160698

相关推荐:《jQuery视频教程

最近工作有很多判断的代码,用到了jquery与dom对象的地方比较多,写在这里加强下基本概念:

1.判断是否存在时候,要用dom对象,因为jQuery在获得对象的时候,无论要获得的对象是否存在,都会返回jQuery对象

2.jquery对象与dom对象的转换:

jQuery对象就是通过jQuery包装DOM对象后产生的对象(集合对象)。jQuery对象是jQuery独有的,可以使用jQuery里的方法。
因此jQuery对象和DOM对象是不一样的,不能调用对方定义的方法。所以$(‘#test’).innerHTML会报错,document.getElementById(‘#test’)[0].html()也会报错。

普通的DOM对象可以用$()包装起来转换为jQuery对象:
$(document.getElementById(‘#test’)).html();//正常

jQuery对象jquery对象本身是一个集合,要转换为DOM对象,可通过数组索引取出:
第一种方式:$(‘#test’)[0]
第二种方式:$(‘#test’).get(0)
注: eq(0)返回的还是jQuery对象,eq(0)[0]是DOM对象。

更多编程相关知识,请访问:编程教学!!

以上就是jquery对象和dom对象之间的差异的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文转载于:segmentfault,如有侵犯,请联系admin@php.cn删除

  • 相关标签:jQuery
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    vue组件是什么797
    聊聊Laravel8+Vuejs怎么创建SPA单页面应用178
    CSS+JS实现爱心点赞按钮(代码示例)617
    推荐视频教程
  • 韩顺平Jquery视频教程韩顺平Jquery视频教程
  • jQuery入门基础视频教程jQuery入门基础视频教程
  • jQuery UI框架入门视频教程jQuery UI框架入门视频教程
  • jQuery  Mobile框架基础视频教程jQuery Mobile框架基础视频教程
  • jQuery趣味课堂jQuery趣味课堂
  • jQuery基础视频教程jQuery基础视频教程
  • jQuery深入视频教程jQuery深入视频教程
  • PHP+Jquery+Mysql实现省市县三级联动PHP+Jquery+Mysql实现省市县三级联动
  • 视频教程分类