美文网首页
js原生代码和jquery可以同时使用吗

js原生代码和jquery可以同时使用吗

作者: 光年之外iii | 来源:发表于2019-11-09 20:51 被阅读0次

不知道大家平是有没有这种困惑,有时图方便用jQ声明对象,有时又因了解jq不够多而使用原生进行书写,那么到底能不能一起混用呢?
首先,我们要理解dom原生对象和jq对象的区别:
1.jq选择器得到的jq对象和标准的js中的document.getElementById()取得的dom对象是 两种不同的对象类型,两者不等价 ;
注:js原生获取的dom是一个对象,jQuery对象就是一个数组对象,其实就是选择出来元素的数组集合。所以说他们两者是不同的对象类型不等价。
2.jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错。
("#id").html();
document.getElementById("id").innerHTML;
意思是指:获取ID为id的元素内的html代码。这两段代码 结果相同,但中间的取值过程不同 。
即:$("#id").innerHTML、document.getElementById("id").html()之类的写法都是错误的。
所以,在书写时,一定要小心
注:jQuery是从js衍生出来的,师出同源,但是jQuery是 经过一系列操作 之后,将其封装成了一个个不同的方法,学习jQuery开始就应当树立正确的观念,分清jQuery对象和DOM对象之间的区别,之后学习 jQuery就会轻松很多的。
所以,结论就是:可以同时用,但不能混淆了使用的方法

相关文章

  • js原生代码和jquery可以同时使用吗

    不知道大家平是有没有这种困惑,有时图方便用jQ声明对象,有时又因了解jq不够多而使用原生进行书写,那么到底能不能一...

  • jquery选择器总结

    什么是jquery? Jquery就是对原生的js代码的封装。所以在使用jquery的时候需要导入jquery的文...

  • 00-jQuery初识

    什么是jQuery jQuery是一个JavaScript库 jQuery可以简化原生JS的操作 对比原生JS,写...

  • [转]JS原生Ajax代码示例

    文章来源: JS原生Ajax和jQuery的Ajax与代码示例 -- 苏凯勇往直前 JS原生的Ajax其实就是围绕...

  • vue +jquery 配置及问题

    vue项目同时使用jquery 步骤一:首先安装jquery 步骤二:在vue.config.js中添加代码 步骤...

  • DOM映射+ajax

    原生JS和jQuery在DOM映射中的区别 在原生JS中,有DOM映射,改变页面内容,JS 中获取的元素集合同时改...

  • jQuery选择器_Dom操作_样式_事件处理_动画

    题目1: jQuery 能做什么? jquery能做原生js所做一切,比原生js更简洁,同时也对浏览器做出了兼容,...

  • Ajax之jquery版

    jquery版的Ajax就是将原生的js代码以jquery的形式写出来,方便了我们写代码 在jquery中已经提供...

  • 20、jQuery 事件机制

    20、jQuery 事件机制 原生js事件与jQuery事件: (1)用原生的js给div注册事件 原生js注册相...

  • Jquery国际化,普通html+jquery项目国际化配置

    使用jquery.i18n.js 需要引入jquery .html文件引入 jquery.i18n.js 文件代码...

网友评论

      本文标题:js原生代码和jquery可以同时使用吗

      本文链接:https://www.haomeiwen.com/subject/mfonbctx.html