原生js的api名字都太长难记原生js有时候代码冗余原生js中有些属性或者方法，有浏览器兼容问题。原生js容错率比较低，前面的代码不能添加多个入口函数(window.onload)，如果添加了多个，后面的会把前面的给覆盖jQuery即library,是一个封装好的特定的集合(方法和函数)。从封装到一大堆函数的角度理解库，机试在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hi
转载
2023-09-06 19:32:56
74阅读
1、入口函数的不同 js：window.onload = function(){内部放js} 所有内容，以及我们的外部图片之类的文件加载完了之后，才会去执行。只能写一个入口函数。 jQuery:$(function(){}) 或者 $(document).ready(function(){})所有标签都加载之后，就回去执行。可以写多个。2、获取元素的方式不同 js：常用的以下几个，除了id
转载
2023-08-13 21:06:03
80阅读
1. 首先我们要使用的是原生js代码编写首先我们来说一下原生js和jquery的区别吧。 jQuery 实际上是js 封装好的一个类库 最大的特点是兼容性 和链式调用。 但是 它比原生的js慢10~100倍。JavaScript的优点和缺点 优点: A) : 性能 由于js运行在客户端 减少了web服务器的请求时间和带宽。 B) : 轻量级的脚本 C) : 运行在用
转载
2023-06-09 22:46:04
457阅读
# JS原生与jQuery转换教程
在网页开发的过程中，我们常常需要处理DOM操作、事件监听等功能。而在实现这些功能时，开发者可以选择使用原生JavaScript（简称JS）或者jQuery。本篇文章将帮助你理解如何在原生JS与jQuery之间进行转换，以便于你能根据需求灵活使用这两种技术。
## 流程概述
在转换的过程中，我们可以将原生JavaScript代码与对应的jQuery代码进行比
原创
2024-07-31 04:13:46
30阅读
1、js深度克隆的方法 //第一种
function deepClone(obj){
var str,newObj = obj instanceof Array? [] : {};
if(typeof obj !== 'object'){
return;
}else if(wi
转载
2023-08-10 23:44:54
45阅读
1.入口函数 js:
window.onload = function(){js代码}实质就是一个事件，拥有事件的三要素，事件源，事件，事件处理程序。等到所有内容，以及我们的外部图片之类的文件加载完了之后，才会去执行。只能写一个入口函数。 jq:
$(function(){})
$(document).ready(function(){})
在html所有的标签都加在之后就会去执行，可以写多
转载
2024-01-26 20:33:36
32阅读
这是一个简易版的jQuery 文章目录 前言一、基本实现思路二、具体方法1.初始化2.获取属性/修改属性方法 获取和修改样式属性的方法css()获取和设置属性的方法attr()3.查找元素的方法遍历元素的方法each()查找对应索引的元素的方法get()查找父节点的方法parent()查找后代的方法find()查找子代元素的方法children()查找除自己以外的兄弟节点的方法
转载
2024-01-13 20:48:48
51阅读
VUE基础1. 简介VUE是一个渐进式JavaScript框架： 所谓的渐进式：类似于迭代开发（如：手机系统版本的更替） vue.js 只是一些核心代码，可以让用户去搭建基本的页面结构；如果需求的是功能更为丰富的页面，那么就不得不引入一些插件去完成了。 需要注意的是：对于低版本浏览器（IE8及以下版本），vue.js是不支持的。2. 原生js vs VUE在介绍vue的基本使用步骤之前，我们先要探
转载
2023-07-20 13:38:22
239阅读
阅读声明：本文档仅供学习，由于个人能力有限，文档中有错漏的地方还请指出，大家共同学习。目前在学习怎么样写jquery，模仿阶段，有兴趣的同学可以和我一起学习，共同交流，在学习的路上希望有你做伴。在写这个jquery入口模式的时候，首先要知道有几种模式，然后再去些：我知道的有两种：一:$(function () {
需要在Document文档加载完成后执行的代码
})二:$(document).re
JQ主要亮点就是省心:
JQ对不同浏览器的事件,DOM对象,都进行了封装,各种操作都可以直接兼容各种浏览器, 要知道, 不同浏览器的区别不仅仅是在CSS里写"-webkit-"还是"filter"的区别, 连事件模型这种底层的东西都不一样= =JQ特有的CSS-LIKE选择器, 链式写法, 封装的各类animate函数, 封装了的异步加载, 都大幅提高了开发效率, 减少重复劳动JQ用del
# 教你如何实现“jquery 原生js”
## 1. 流程步骤
首先让我们来看一下整个“jquery 原生js”实现的流程，可以通过以下表格展示：
| 步骤 | 内容 |
| --- | --- |
| 1 | 引入jquery库文件 |
| 2 | 编写原生JavaScript代码实现jquery效果 |
| 3 | 在HTML文件中引入实现后的JavaScript文件 |
| 4 |
原创
2024-05-18 06:04:21
10阅读
原生js和jQuery分别实现轮播图一、原生js实现轮播图（1）实现功能（2）html示例代码（3）css示例代码（3）js示例代码（4）说明（5）效果演示二、jQuery实现轮播图（1）实现功能（2）html示例代码（3）css示例代码（4）js示例代码（5）效果展示三、最后要说的话 一、原生js实现轮播图（1）实现功能 1.能够自动平滑的循环轮播。2.点击导航圆点控制轮播。（2）html
转载
2023-12-22 21:35:32
39阅读
一、创建元素节点
1.1 原生JS创建元素节点
document.createElement(“p”);
var text= document.createTextNode(“hello”);//创建文本节点1.2 jQuery创建元素节点
$(’
’);
二、创建并添加文本节点
2.1 原生JS创建文本节点
document.createTextNode(“Text Content”)
转载
2023-10-16 13:14:33
44阅读
目录jQuery和原生Js区别jQuery的$符合产生冲突jquery的each方法jQuery的map方法jQuery中的each静态方法和map静态方法区别 jQuery和原生Js区别 通过原生Js可以拿到DOM元素的宽高，通过jQuery不可以拿到DOM元素的宽高因为原生Js和jQuery入口函数的加载模式不同原生JS会等到DOM元素加载完毕，并且图片也加载完毕才会执行j
转载
2023-11-02 14:22:05
61阅读
原生JS封装各种常用方法、浏览器兼容方法1、继承 inherit需求知识点实现测试2、更为精确的 typeof实现3、数组去重需求实现测试4、手写 children 方法（兼容IE）知识点实现5、查找第一个或最后一个子元素、前一个或后一个兄弟元素（兼容IE）思路知识点实现6、手写 DOM 元素的 inserAfter 方法（兼容IE）思路知识点实现7、求屏幕滚动距离（兼容IE）实现8、求屏幕可视
转载
2023-10-26 13:54:20
102阅读
JS原生Ajax和jQuery的Ajax1，了解JS原生Ajax原理2，掌握json数据格式掌握json数据格式方式掌握json的解析方式3，掌握jQuery中的Ajax封装4,使用Ajax实现特效实现异步验证用户名是否存在实现站内搜索功能
Ajax基本概念1.1.1 Ajax概述什么是同步，什么是异步同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待 卡
# 项目方案：在原生JS中引入jQuery并使用
在许多现代前端开发项目中，jQuery仍然是一款受欢迎的JavaScript库，能够简化DOM操作、事件处理和Ajax请求。尽管现在有很多现代框架如React和Vue，但在某些情况下，使用原生JavaScript结合jQuery仍然很有效。本文将介绍如何在原生JS项目中引入jQuery，并展示一些基本的应用场景。
## 一、项目准备
在开始项
# 理解 jQuery 和原生 JavaScript 的关系
在前端开发中，jQuery 是一个非常受欢迎的 JavaScript 库，简化了 HTML 文档遍历、事件处理、动画和 Ajax。虽然它提供了一些便捷的功能，但原生 JavaScript 同样强大，并且性能更优。在本篇文章中，我们将探讨如何用原生 JavaScript 来实现 jQuery 的一些常见功能。
## 整体流程
为了帮
原创
2024-10-17 13:47:43
5阅读
，就在请求体中传递 xhr.open("get","validate.php?username="+n...
原创
2021-11-30 10:58:41
297阅读
在前端开发中，开发者常常碰到“jQuery和原生JavaScript哪个更快”这样的问题。选择适当的库或框架在项目中不仅会影响开发效率，还会影响性能表现，因此了解两者的性能差异是非常重要的。
## 背景定位
在讨论“jQuery”和“原生JavaScript”的性能时，我们首先需要明确二者的应用场景。jQuery是一个轻量级的JavaScript库，旨在简化HTML文档操作、事件处理、动画和A
