2021-07-17

原生js和jQuery的区别

js	jquery
不可以有多个入口函数（window.onload()）	可以有多个入口函数 $(document).ready(function () {}
API名字都太长（获取一个document.getelementById）	$(’#btnTwo’)通过ID获取元素
代码冗余
兼容性问题比如textcontent不可以兼容IE8	兼容性高
容错率较低，前面的代码有问题，后面执行不了	容错率高

什么是jquery？

jquery就是一个封装了很多方法的js库

如何使用jquery？（在HTML+css中）

• 引入jquery文件（去官网下载一个，在script中引入即可）
• 写一个jquery入口函数
• 获取到目标元素，去操作它

如何使用jquery？（在vue中）

• 在终端输入npm install jquery
• 在script中import $ from 'jquery'
• 获取到目标元素，去操作它即可；

版本问题

DOM对象转换为jquery对象

• var btnOne = document.getElementById("btnONe");
• var btn = $(btnOne)；即可

jquery对象转换为DOM对象

• 第一步：（使用下标）取出来
• var div = $('div');
• var div1 = div[0];
• 第二步：使用jquery的方法： get()
• var div2= div.get(1);

两种方法

• .text()设置获取文本
• .css()获取设置样式的

一个课代表的笔记

https://blog.csdn.net/wuyxinu/article/details/103669718

案例1 突出显示（利用透明度，巧用方法）

js和jquery 创建节点

原生js创建节点

• document.write()
• innerHTML
• document.createELement

jquery创建节点

• html()
• $()