dom和jQuery的区别

1.原生dom不能用jQuery方法,dom的方法只能dom去使用

2.原生jQuery不能用js方法,jQuery只能使用jQuery的方法

3.Dom:使用document.xxx得到的是Dom对象

JQuery:使用$(‘xxx’)得到的就是JQuery对象


dom和jQuery的转换

dom->jquery

$(DOM对象) 注意:不能加引号

jQuery->dom

▼jquery对象是伪数组,【div,div,div】,通过索引得到dom对象

(′jquery′)[Dom元素下标],('jquery')[Dom元素下标],(′jquery′)[Dom元素下标],(jquery).get(索引值)


入口函数

在DOM中,我们用加载事件,来解决JavaScript在前的问题

 window.addEventListener("load", function () {window.addEventListener("load", function () {let div = document.querySelector("div");console.log(div);});});

等价于加载事件, 但是比加载事件快一点,dom加载完执行(当JavaScript放在前面时使用)

第一种

$(document).ready(function (){window.addEventListener("load", function () {let div = document.querySelector("div");console.log(div);});})

第二种

$(function(){window.addEventListener("load", function () {let div = document.querySelector("div");console.log(div);});
})

jQuery-dom和jQuery,入口函数(基本知识)相关推荐

  1. jquery的基本使用-入口函数

    1.jquery 入口函数相当于原生js中的DOMContentLoaded 2. jquery元素对象,才可以使用jquery中的方法,DOM元素对象不能使用jquery方法

  2. jquery 入门(jquery是什么/与JavaScript的联系与区别/jquery版本/引包/入口函数)

    1.  为何要学jQuery (1)JS的劣势 (2)jQuery是什么(理解) jQuery是别人帮我们封装好的库. jQuery是JS的一个库,封装了开发过程中常用的功能,能够提高开发效率. JS ...

  3. [jQuery原理] jQuery入口函数

    入口函数测试 传入 '' null undefined NaN 0 false 会返回一个空的jQuery对象给我们 console.log($()); console.log($('')); con ...

  4. 解密jQuery内核 DOM操作的核心函数domManip

    domManip是什么 dom即Dom元素,Manip是Manipulate的缩写,连在一起就是Dom操作的意思. .domManip()是jQuery DOM操作的核心函数 对封装的节点操作做了参数 ...

  5. 冲突问题和核心对象和原生js 和 jquer的区别的两个区别(固定格式的区别和入口函数的区别)

    jQuery的冲突问题 $有可能其他框架也用 导致两个框架的符号相同出现问题冲突 第一种解决: 释放$的使用权 jQuery.noConflict();//释放$的使用权语句 释放操作必须在编写其他j ...

  6. jquery在html实现遍历,jQuery教程之jQuery遍历、HTML操作详解

    本篇文章探讨了jQuery教程之jQuery遍历.HTML操作详解,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 什么是遍历? jQuery 遍历,意为"移 ...

  7. Pixhawk代码分析-启动代码及入口函数

    启动代码及入口函数 基础知识 关于坐标系 1)GeographicCoordinate System Represents position on earth with alongitude and ...

  8. jQuery学习笔记系列(一)——入口函数,jQuery对象和DOM对象,jQuery选择器、样式操作、效果(显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列)

    day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的 ...

  9. jquery jQuery的入口函数 $函数 dom对象和jquery对象

    文章目录 jquery jQuery的入口函数 $函数 dom对象和jquery对象 jQuery的入口函数 视频 代码 $函数 视频 代码 dom对象和jquery对象 视频 代码 jquery j ...

最新文章

  1. boundingRectWithSize 的使用
  2. opencv 图像分割
  3. Qt SD卡 文件系统挂载、文件预览
  4. 面向.NET开发人员的Dapr——目录
  5. 接纳强迫,不要过于追求完美,允许自己慢下来,扎实的学习
  6. eclipse package explorer视图中怎么让default package不显示?
  7. 物理综合:Compile
  8. HDU2037 今年暑假不AC【贪心】
  9. 【pytest】命令行选项
  10. Xweibo与第三方站点单点登录配置
  11. Nature论文插图复刻第1期—多组柱状图(Part2-456)
  12. RouterOS IPv4转IPv6环境搭建
  13. 手把手教你十分钟学会使用小程序云存储
  14. 搭建VUE脚手架 + 引入element-ui
  15. java中将Fri Feb 19 17:32:34 CST 2021时间格式转为yyyy-MM-dd HH:mm:ss时间格式
  16. 使用Mono.Cecil改变访问级别
  17. 测试用例编写练习(二)
  18. RuntimeError: NEOS requires a valid email address. Please set the ‘NEOS_EMAIL‘ environment variable.
  19. QQ隐藏福利一------------------------文件极速下载
  20. 【Linux】Protected multilib versions XXX错误

热门文章

  1. 复制一个空洞文件且忽略掉其空洞内容
  2. SOA(在Tuscany 中开发web service)
  3. StringUtil字符串小工具-功能扩展
  4. GIFLIB 5.0.1 发布,C语言的GIF处理库
  5. 因DataValueField设置不当引起的DropDownList的SelectedItem的取不到所选值的问题
  6. UVA10394 Twin Primes【孪生素数】
  7. Bailian1017 装箱问题【贪心】
  8. JSK-61 二进制加法【大数】(废除!!!)
  9. HDU5620 KK's Steel【菲波拉契数列+水题】
  10. 神经网络的 Delta 学习规则(learning rule)