div和$div的区别

var div = document.getElementById('x')返回的的是一个DOM对象。

var $div = $('#x')返回的是一个 jQuery对象(伪数组)

div 和 $div的联系是:

使用jQuery()函数($就是jQuery的简写)就可以把div变成$div的方法:



$div变成div的方法:


下图两个是等价的


div和#div的区别是:

$div:$div是一个jQuery对象,原型链为$div.__proto__ > object[0].prototype(伪数组) > object.prototype

      $div作为jQuery对象,不能使用div(DOM)方法

      $div的属性方法有:操作HTML  CSS AJAX 遍历函数,常见的有text(), html(), val(), attr(), append(), prepend(),after(), before(), remove(),addClass(), removeClass(), toggleClass() 等 详见jQuery官方API文档

div : div是一个 DOM对象,原型链为 div.__proto__ >HTMLDivElement>HTMLElement>Element

      div作为DOM对象,不能使用jQuery对象

      div的属性方法有:getElementById(), getElementByTagName(), appendChild(), removeChild(), createAttribute()等 常用可以看我的博客,https://www.jianshu.com/writer#/notebooks/37075279/notes/47352480,也可以详见MDN

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,117评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,980评论 0 3
  • document.getElementById('x')返回的是一个DOM对象$('#x')返回的是一个jQuer...
    MDIF阅读 1,199评论 0 0
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,218评论 2 17
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,713评论 0 7

友情链接更多精彩内容